This is our popular weekly design news post where we share our favorite design related articles, resources and freebies from the past week.
New Resources & Tools
Colormind – A deep learning AI that knows color theory. It can generate color palettes from scratch, or it can take your input and intelligently fill in the blanks.
Responsive font calculator – Easily generate responsive font values for embedding directly into your stylesheet.
Choices.js – A lightweight, configurable select box/text input plugin. Similar to Select2 and Selectize but without the jQuery dependency.
AOS – Animate On Scroll Library – A small library to animate elements on your page as you scroll.
PSDDD.co – Free Photoshop and Sketch.app UI Resources.
10 Free Lightweight CSS Frameworks for a Fast Start – 10 CSS frameworks that provide the basics – without all the bulk.
Reactide – A cross-platform desktop application that offers a custom simulator, making build-tool and server configuration unnecessary.
Learning Guides, Tutorials & Tips
css grid By Mozilla
React Bits By Vasa
8 CSS gotchas to start your morning off right By Isaac Lyman
The Role Functional Animation Plays in Enhancing User Experience By Stephen Moyers
Using DevTools to Tweak Designs in the Browser By Ahmad Shadeed
Preload, Prefetch And Priorities in Chrome By Addy Osmani
Designing Charts — Principles Every Designer Should Know By Ryan Bales
10 Inspiring UX Design Portfolios By Cassandra Naji
Free UI Resources
50 Free Web Design Layout Photoshop PSD Templates By Paul Andrew
50 Free Responsive HTML5 Web Templates By Alex Samoylenko