This is our popular weekly design news post where we share our favorite design related articles, resources and freebies from the past week.

You can sign-up to our awesome weekly newsletter or follow us on Twitter for some more amazing design articles, resources and freebies.

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.

Rythm.js – A JavaScript library that makes your page dance.

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

UX Design

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

15 Free Gesture and Interaction Icon Sets for Mobile App Designers By Paul Andrew

Free iOS User Flows for Sketch & Adobe XD By STRV

…and finally…

CSS 3D Solar System By Captain Anonymous