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.
Bootstrap 3 Tips and Tricks You Might Not Know →
Things You Didn't Know You Could Do with CSS →
David Walsh highlights seven tasks that you would typically associate with Javascript, but can also be easily accomplished 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 →
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 →
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
SEO Vector Icons (36 Icons, AI & EPS) →
The TWENTY Icon Set for Web Designers (20 Icons, AI) →
Slim Weather and Climate Icons (75 Icons, AI) →
8 Seamless Vector Topographic Map Patterns (Vector EPS, PNG & PAT) →
Something Inspiring
271 Years Before Pantone, an Artist Mixed and Described Every Color Imaginable in an 800-Page Book →
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 →