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 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 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: 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 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 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.