New Design Tools for December 2019
Screen Size Map

Screen Size Map

Screen Size Map is a very useful tool that showcases screensizes and will also auto-detect yours when visiting the site. The tool breaks down the map by usage, size, device type and popularity. This can really come in handy when working on the responsive aspects of your project. Theres also a lot of cool suprises when you use the tool, you’ll see! 

Lordicon

Lordicon

Lordicon is a collection of animated icons in GIF and JSON formats. Every icon has a fun dynamic and can also be customized to match your color design. You can also adjust size, stroke width, and animation type. This is a awesome animated icon kit for development projects built on the Lottie engine.

Free Bootstrap

Free Bootstrap Templates and Themes

Free Bootstrap Templates and Themes is a  free and premium library of design elements to base your projects on using Designmodo’s Startup App. These designs are great to use as is, or edit in the app to create landing pages, SaaS, admin pages, presentations, and e-commerce websites.

FYI

FYI: Free Resources for Freelancers

FYI: Free Resources for Freelancers is a collection of tools to connect all the apps for sharing and storing information. It works as a Chrome extension and allows you to connect all your free tools for better workflows. “With FYI every document you’ve created and that’s been shared with you will be accessible in just a few clicks. Your documents will be automatically organized so you won’t be checking each app and account to find what you’re looking for. They’ll all be in one place.”

Spectrum

Spectrum

Spectrum is Adobe’s design system that uses the Spectrum CSS, which is open source. You can develop a lot of neat things with this tool! 

Open Doodles

Open Doodles

Open Doodles is an  collection of animated hand-drawn illustrations for projects. You can use these awesome designs through a generator to change the color or create sem-custom packs. 

Tutorial: Designing Accessible Color Systems

Designing Accessible Color Systems is a great tool to look at how you can improve contract and accessibility in design projects. Color theory is knowledge that front end developrs need to have.