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 for some more amazing articles, resources and freebies.
New Resources & Tools
Loaders.css, a collection of performance-focused pure css loading animations.
Primer, the CSS toolkit and guidelines that power GitHub.
RWDGRID, a responsive grid system based on the 960 grid system.
Wamer Sketch, an online WYSIWYG tool for component-based web development.
, a suite of tools for working with Unicode in the browser.
Rebar, a new Sass / Stylus grid framework.
Typography Cheatsheet, a guide to smart quotes, dashes & other typographic characters.
Flat Colors, flat UI & Material Design colours as Sass, LESS & Stylus variables.
New Learning & Reading Resources
CSS Fixed Background Effect by CodyHouse.
Free Ebook: Web UI Design for the Human Eye (Layout Patterns & Typography).
Git from the inside out by Mary Rose Cook.
15 Must-Know Chrome DevTools Tips and Tricks by Danny Markov.
Creating a "Jump Loader" Animation with SVG and GSAP by Chris Gannon.
Build Chrome-like Tabs with Bootstrap and AngularJS by Dimitar Stojanov.
Free GUI Resources Resources
Freebie: Epic Outlines Font (100 Icons, Icon Font, SVG & PSD).
Made By: Chris Coyier (CodePen).
In Pieces: A rare specimen of CSS-based animation.