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
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.
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.
Leicester's Heroes: A collection of animated GIF loops of the Leicester City team. Created by Rich Hinchcliffe.