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
Web Starter Kit from Google Based on the Google's Web Fundamentals recommended best practices, Web Starter Kit is a boilerplate for multi-screen web development.
With responsive web design vastly changing and evolving these last few years, Nick Pettit, for Treehouse, updates you on all of those changes with his 2014 Guide to Responsive Web Design.
Brick Work is a lightweight (15kb) and feature-rich jQuery plugin for creating responsive dynamic layouts.
Created by Jacopo Colò, Hex Clock is a 24 hour hexadecimal color clock (from #000000 to #235959).
For journalists, bloggers and web writers, Odyssey.js is an open-source library for publishing that mix articles and stories with maps and map interactions.
Shuffle Images is a jQuery plugin that allows you to display and shuffle multiple images within a gallery by moving or shaking the cursor. The plugin is perfect for when you want to save space while allowing users to take a peak at what other images are related to the one displayed.
jNottery is a jQuery plugin that allows you to add notes to a web page. Also, all of the data is encoded as an URL which making it easy to share or save.
We have collected 50 plugins, addons and extensions to help you get more out of Bootstrap.
Learning Resources & Tutorials
From UXPin, "The Guide to Wireframing" is a free ebook for everyone that touches digital products, not just designers and engineers.
The HTML5 Beginner's Guide is a brief foray into HTML5 technologies, as well as some standard HTML and CSS techniques.
This tutorial will show you how to create a custom area for advertisements, custom logo, add analytics code, and add social media icons easily through a WordPress custom settings page.
Codrops shares some creative and subtle ideas for grid item hover effects.
In this tutorial we show you how to use Isotope to create a magical layouts in Bootstrap, and how to dynamically filter the elements.
Free UI Resources
You can now download Octicons, the free GitHub webfont.
Shades 1.0 is a free vector wireframing kit by Heidi Pungartnik (AI).
Here is a free, simple and elegant modern UI Kit (PSD) from WebIconSet.
Free social media icon set with 60 icons (PSD) by Volkan Olmez.
Free flat and light gradient Ballicons Part 2 (PSD, PNG & SVG) icon set from Smashing Magazine.
10 free subtle grunge brushes for Photoshop from Sam Jones.