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
Overflow is a new cross-platform tool that syncs with other design tools that you can use to create beautiful user flows.

Screely
Screely makes your screenshots or designs beautiful and Dribbble-ready with just a drag and drop.

Unique
Unique allows you to create your own custom fonts in just a few steps.

Illustration Tools
Illustration Tools is as its name says, a nifty directory of tools for illustrators that’s worth checking out!

LayoutIt
LayoutIt is a CSS grid layout generator.

Jumprock
Jumprock is a service that handles form submissions for your static websites.

Keyframes.app
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
Cool backgrounds is an awesome background generator.
2. Libraries

ReLaXed
ReLaXed is a library that allows complex layouts to be created using web technologies and generates PDF documents interactively.

Cash.js
Cash is a really small (4kb mingz) jQuery alternative for modern browsers (IE10+).

Curtains.js
Curtains.js is a small library that converts HTML elements into animated 3D WebGL textured planes.

Layer.js
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
Flexy is a minimalistic CSS framework weighing only 0.33 KB minified and gzipped.

Ranger.js
Ranger.js is a small, standalone library for working with ranges of numbers in JavaScript.

Saber.js
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.
4. Fonts

Lash
Lash is a free, tall and sharp font designed by Mehmet Reha Tugcu.

MT Knox
MT Knox is a free, condensed editorial display typeface designed by Morrison Type.

Cunia
Cunia is a free, beautiful, bold and semi-rounded typeface designed by Alejo Bergmann

Argon
Argon is a free, sharp and stylized typeface designed by Gianina Poma.
5. Icons

12 Language Icons
A beautiful set of 12 vector icons from Max Panchyk.

Lordicons
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?