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
WebGradients – A free collection of 180 linear gradients that you can use as content backdrops in any part of your website.
Graaf – Pure CSS grid overlays for designing. Just link the CSS that fits your grid or create your custom overlay.
HTML Reference – A free guide to HTML. It features all elements and attributes.
speakemoji – A free collection of 48 alternative emoji icons.
The HTML5 Robot – Let the robot choose what semantic tag is right for your HTML5 element.
Lighthouse – Analyzes web apps and web pages, collecting modern performance metrics and insights on developer best practices. Requires Chrome 56 or later.
Angled Edges – A Sass mixin for creating angled edges on sections by dynamically encoding SVGs.
Learning Guides, Tutorials & Tips
Discovering Resilient Web Design with Jeremy Keith By Eric Karkovack
How to Combine Icons from Different Sets in Your UI By Andrew Burmistrov
2017 Design Trends Guide By Loredana Papp-Dinea and Mihai Baldean
HTML & CSS Is Hard (But it doesn’t have to be) By Oliver James
5 techniques for fine-tuning UX with color By Paula Borowska
Excercise Caution When Using These Web Design Trends By Stephen Moyers
Free UI Resources
15 Free Photoshop & Sketch Admin Dashboard UI Templates By Paul Andrew
CSS 3D Solar System By Captain Anonymous