Weekly News for Designers (N.334)

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

WAIT! Animate – An easy way to calculate CSS animation keyframe percentages.

Simple Flat Colour Selector By Koya.

Simple Grid – A responsive, light and simple CSS grid for your website.

Font Face Observer – A fast and simple web font loader.

Compo Sketch Plugin – Makes it easier to work with interface components.

UI Interactions – The best UI Interactions for your inspiration.

15 Interesting JavaScript and CSS Libraries By Danny Markov.

Bedrock – WordPress boilerplate with modern dev tools, easier config & improved folder structure.

Best Sublime Text 3 Themes of 2015 and 2016.

Freebie: Wirebase, Base Elements for Creating Wireframes (Sketch).

Freebie: Profi Icon Set (84 fully scalable vector icons).

Learning Resources, Tutorials & Tips

Animated Transition Effects in CSS and jQuery By CodyHouse.

Distorted Button Effects with SVG Filters By Codrops.

Good and Bad CSS Practices for Beginners By Samuel Norton.

Different Tricks on How to Make Bootstrap Columns All the Same Height By Nicholas Cerminara.

How To Be More Organized While Designing UI By Marek Minor.

How Web Developers Can Adapt to a Mobile App World By Paul Francis.

Complete Beginner's Guide to UX Research By UX Booth.

Understanding How User Experience Designers Think And Work By Helen Vling T.

…and finally…

Leicester's Heroes: A collection of animated GIF loops of the Leicester City team. Created by Rich Hinchcliffe.

---

Browse the Weekly Web Designer News Archives →