Discover the best new resources for web developers and designers including tools, libraries, fonts, icons and many other goodies that we curated during May 2018.
1. Tools & Utilities
Overflow is a new cross-platform tool that syncs with other design tools that you can use to create beautiful user flows.
Screely makes your screenshots or designs beautiful and Dribbble-ready with just a drag and drop.
Unique allows you to create your own custom fonts in just a few steps.
Illustration Tools is as its name says, a nifty directory of tools for illustrators that’s worth checking out!
LayoutIt is a CSS grid layout generator.
Jumprock is a service that handles form submissions for your static websites.
Keyframes.app comes as a browser extension and a web app with a visual timeline that allows you to easily create and run animations.
Cool backgrounds is an awesome background generator.
ReLaXed is a library that allows complex layouts to be created using web technologies and generates PDF documents interactively.
Cash is a really small (4kb mingz) jQuery alternative for modern browsers (IE10+).
Curtains.js is a small library that converts HTML elements into animated 3D WebGL textured planes.
Layer.js is a library that allows you to create UI compositions and animations.
Smart CSS Grid
Smart CSS Grid is a lightweight CSS framework with clear syntax and minimal footprint weighing only 0.5 KB.
Flexy is a minimalistic CSS framework weighing only 0.33 KB minified and gzipped.
Saber.js is a lightweight library for creating static websites using Vue.
3.Courses & Tutorials
Learn Bulma CSS
Build three beautiful websites in less than 1 hour with the Bulma CSS course from Scrimba.
Responsive Knockout Text With Looping Video
Giulio Mainardi wrote a great article on CSS Tricks on how to create a responsive knockout text with looping background video.
Solved with CSS: Dropdown Menus
Una Kravets covers how to create powerful and accessible dropdown menus powered by CSS.
Lash is a free, tall and sharp font designed by Mehmet Reha Tugcu.
MT Knox is a free, condensed editorial display typeface designed by Morrison Type.
Cunia is a free, beautiful, bold and semi-rounded typeface designed by Alejo Bergmann
Argon is a free, sharp and stylized typeface designed by Gianina Poma.
12 Language Icons
A beautiful set of 12 vector icons from Max Panchyk.
Lordicons is a free set of 50 animated SVG icons.
Clothes and Shopping Icons
A free set of 40 clothes and shopping vector icons designed by Kasra Design.
6. Great Reads
- 📄[Webflow] How not to write an error message
- 📄The next big thing in type?
- 📄[CSS Tricks] Inspecting animations in DevTools
- 📄[A List Apart] Priority Guides: A Content-First Alternative to Wireframes
- 📄[Imaginary Cloud] Is timeless UI design a thing?
- 📄[Medium] A 25-Step Program for Becoming a Great Designer
- 📄Styling buttons, the right way
What are your favorite tools or resources? Did we miss anything? If you liked this roundup make sure you share it! 😁
🔥📦 Check the best tools and resources for web developers and designers from May 2018 Click To Tweet
🤔 What do you think?