Weekly News for Designers (N.278)

By on March 31st, 2015Designer News

The Web Designer Toolbox

Unlimited Downloads: 500,000+ Web Templates, WordPress Themes, Bootstrap Templates, UI Kits & Design Assets

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.