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?