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
CSSPeeper – A smart CSS viewer tailored for designers.
Animista – A place where you can play with a collection of pre-made CSS animations, tweak them and get only those you will actually use.
Waffle Grid – An easy to use flexbox grid system.
Practical Color Theory for People Who Code – A tool that helps you learn to build complementary color schemes.
Flexbox Cheatsheet – An interactive guide for CSS Flexbox properties, with plenty of examples.
Conversion Checklist – A 41 point checklist to make sure you have everything covered to make your website convert as well as possible.
Learning Guides, Tutorials & Tips
CSS Grid VS Flexbox: A Practical Comparison By Danny Markov
The Unexpected Power of Viewport Units in CSS By Thomas Lattimore
Knowing Your Type By Guion Pratt
Design Better Data Tables By Matthew Ström
How to Create Custom Loading Animations to Decrease Bounce Rates By Tidjane Tall
UX Learning & Resources
5 Simple UX Exercises That Will Change How Decision Makers Think By Ryan O’Connor
Free UI Resources
Font Combinations Kit By KK UI Store
Free Sketch template – iOS 10 – iPad Pro 9.7 landscape By Andrew Astract