Weekly News for Designers (N.278)

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.
Loaders.css, a collection of performance-focused pure css loading animations

Primer, the CSS toolkit and guidelines that power GitHub.
Primer, the CSS toolkit and guidelines that power GitHub

RWDGRID, a responsive grid system based on the 960 grid system.
RWDGRID, a responsive grid system based on the 960 grid system

Wamer Sketch, an online WYSIWYG tool for component-based web development.
Wamer Sketch, an online WYSIWYG tool for component-based web development

Unitools, a suite of tools for working with Unicode in the browser.
Unitools, a suite of tools for working with Unicode in the browser

Rebar, a new Sass / Stylus grid framework.
Rebar,  a new Sass / Stylus grid framework

lory.js, a touch enabled minimalistic slider written in vanilla JavaScript.
lory.js, a touch enabled minimalistic slider written in vanilla JavaScript

Typography Cheatsheet, a guide to smart quotes, dashes & other typographic characters.
Typography Cheatsheet, a guide to smart quotes, dashes & other typographic characters

Flat Colors, flat UI & Material Design colours as Sass, LESS & Stylus variables.
Flat Colors, flat UI & Material Design colours as Sass, LESS & Stylus variables

New Learning & Reading Resources

CSS Fixed Background Effect by CodyHouse.
CSS Fixed Background Effect

Free Ebook: Web UI Design for the Human Eye (Layout Patterns & Typography).
Free Ebook: Web UI Design for the Human Eye

Git from the inside out by Mary Rose Cook.
Git from the inside out

15 Must-Know Chrome DevTools Tips and Tricks by Danny Markov.
15 Must-Know Chrome DevTools Tips and Tricks

Creating a "Jump Loader" Animation with SVG and GSAP by Chris Gannon.
Creating a "Jump Loader" Animation with SVG and GSAP

Build Chrome-like Tabs with Bootstrap and AngularJS by Dimitar Stojanov.
Build Chrome-like Tabs with Bootstrap and AngularJS

Free GUI Resources Resources

20 Free HTML5 Web Templates.
20 Free HTML5 Web Templates

Freebie: Epic Outlines Font (100 Icons, Icon Font, SVG & PSD).
Freebie: Epic Outlines Font

And finally…

Made By: Chris Coyier (CodePen).

In Pieces: A rare specimen of CSS-based animation.
In Pieces: A rare specimen of CSS-based animation

You may also like to browse the Weekly News Archives.

Join 40,000+ subscribers and get the weekly news delivered directly to your inbox every Sunday morning.