The following is a retrospective of some of the best and most useful resources for web designers including tools, plugins, UI kits and many others that we curated during February 2018.
1. Sketch Plugins
Diya extends Sketch with a timeline editor that you can use to create, export and share powerful prototypes with anyone.
Paddy is a nifty Sketch plugin that keeps your symbol paddings consistent.
Haiku allows you to import your Sketch documents, create powerful animations and export your components to any React, Vue, or vanilla JS codebase. Not only that but all animations created in Haiku work natively in any iOS or Android app, by exporting to Lottie.
PixelSnap is a small and powerful screen measuring tool for Mac OS that works everywhere.
Gifski is an open-source Mac OS app that lets you quickly convert videos to high-quality GIFs
4. Utilities & Libraries
Polacode – VS Code Extension
Polacode is a Visual Studio Code extension that creates beautiful snapshots of your code for you to share.
Dealing with arrays of colors but you’re having a hard time visualizing them? Just drop them into
Duotone provides a simple way of applying a customizable duotone effect on any uploaded image or any image from the Unsplash collection.
5. UI Kits & Templates
Fluid UI Kit
Fluid is a free iOS 11 UI kit from Framer.
Dropcast is a free HTML and Sketch template perfect for podcast landing pages or blogs.
6. Icon Packs
A collection of 300 free and beautiful icons in three variations: flat colors, lines, and solid fills.
Icon54 Premium Icon Pack
A premium icon pack with 4000+ beautiful icons from Icon54.
A free and beautiful typeface family designed by Alice Savoie.
A free handwritten marker script.
A free collection of CSS spinners that can also be integrated with Vue.
Free and customizable SVG backgrounds.
Laws of UX
A collection of 14 principles that designers may consider when building interfaces.
Learn Flexbox for Free
A 12 part screencast series that will take you from a beginner to advanced Flexbox user.
9. Great Reads
- 📄Everything you need to know about CSS Variables by Ohans Emmanuel
- 📄Cheapass Parallax in about ~6 lines of code by Dave Rupert
- 📄Inclusive design principles at Microsoft
- 📄A Year of Learning and Leading UX at Google by Catherine Courage
- 📄Modern CSS Explained for Dinosaurs by Peter Jang
What are your favorite tools or resources released this month? Did we miss anything? Let us know in the comments below! 😁
🤔 What do you think?