Weekly News for Designers (N.240)


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.
Web Starter Kit

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.
2014 Guide to Responsive Web Design

Brick Work is a lightweight (15kb) and feature-rich jQuery plugin for creating responsive dynamic layouts.
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).
Hex Clock is a 24 hour hexadecimal color clock

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.
Odyssey.js 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.
Shuffle Images jQuery plugin that allows you to display and shuffle multiple images within a gallery

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.
jNottery jQuery plugin that allows you to add notes to a web page

We have collected 50 plugins, addons and extensions to help you get more out of Bootstrap.
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 Guide to Wireframing ebook

The HTML5 Beginner's Guide is a brief foray into HTML5 technologies, as well as some standard HTML and CSS techniques.
HTML5 Beginner's Guide

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.
WordPress custom settings page

Checking Media Queries With Javascript.
Checking Media Queries With Javascript

Take your Sass skills to the next level with list-maps.
Take your Sass skills to the next level with list-maps

The Mystery Of The jQuery Object.
The Mystery Of The jQuery Object

Codrops shares some creative and subtle ideas for grid item hover effects.
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.
Isotope to create a magical layouts in Bootstrap

Free UI Resources

You can now download Octicons, the free GitHub webfont.
Octicons free GitHub webfont

Shades 1.0 is a free vector wireframing kit by Heidi Pungartnik (AI).
a free vector wireframing kit

Here is a free, simple and elegant modern UI Kit (PSD) from WebIconSet.
modern UI Kit

Free social media icon set with 60 icons (PSD) by Volkan Olmez.
social media icon set

Free flat and light gradient Ballicons Part 2 (PSD, PNG & SVG) icon set from Smashing Magazine.
Ballicons Part 2 icon set from Smashing Magazin

10 free subtle grunge brushes for Photoshop from Sam Jones.
subtle grunge brushes

And finally…

The Smallest Website in the World!
The Smallest Website in the World!


The post Weekly News for Designers (N.240) appeared first on Speckyboy Design Magazine.


Speckyboy Design Magazine

Leave a Comment