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.
Tutorials & Learning
The Absolute Beginner's Guide to Node.js →
This easy to follow tutorial by Brandon Cannaday will help bridge the gap between actually downloading Node.js and building your first widget.
Things You Didn't Know You Could Do with CSS →
Designing for Moments With Media Queries →
Proper WordPress Filesystem Permissions And Ownerships →
In this tutorial, Benjamin Intal teaches you about WordPress filesystem permissions and ownership: what they are, why they are important and how to set them up.
Reading Position Indicator Tutorial →
In this tutorial, Pankaj Parashar, shows you how to create a 'reading position indicator' using the HTML5 progress element.
Dynamic Button Sketch Plugin →
In this quick tutorial Shawn Hickman shows you how to properly use the Dynamic Button plugin for Sketch.app.
50 Freebies for Designers from April 2014 →
New Resources & Tools
Dribbbox is a completely free self-hosted Dribbble portfolio template that displays your work in a clean and easy-to-browse gallery.
Simple jQuery Slider →
Here is a super-simple and lightweight jQuery Slider that does exactly what a slider should do: slides slides.
Symbols For Sketch →
Symbols For Sketch is a set of templates to help design an icon font with Sketch.app.
MaxCDN Tools: Ping and HTTP Test →
MaxCDN has recently released two useful tools for comparing the speed of two websites in only 5 seconds.
DoCSSa – Sass based CSS architecture and methodology →
Intended for use in large, long lived sites, DoCSSa (Deferred Object CSS Architecture) is a CSS architecture and methodology that tries to combine all the good parts of the current state of the art.
Photopile JS →
Photopile JS is a JS/jQuery image gallery that simulates a stack of scattered photos on a surface. Thumbnail clicks remove photos from the pile, (enlarging them as if being picked up by the user), and once in view a secondary click returns the photo to the pile.
WebComponents.org is is a new resource where community-members of the Web Components ecosystem (like Polymer, X-tags, and more) document and discuss web components best practices so that others can follow the same path.
Free GUI Resources
Also Worth Reading
- URLs Are Already Dead by Nicholas C. Zakas →
- Don't Name Your Inputs 'action' or 'submit'! by Joe Zim →
- Don't Forget to Cover Your Client Side! by Jonathan Creamer →