Weekly Design News (N.209)

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.

Worth Reading

In RWD We Trust – Is This Trust Misplaced? by John Siebert
This article makes the bold statement that RWD is really not the be all and end all of a successful online identity and that it may work for some and might not others. So the question is, is trust in RWD misplaced?

Killer Responsive Layouts With CSS Regions by CJ Gammon
If a design requires elements to remain a certain height, then options are constrained by the layout features available. This article discusses how the CSS Regions specification can offer a new option.

When Flat Design Falls Flat by Rick Debus
This Six Revisions article discusses the limitations of flat design and how some flat designs sacrifice usability and consistency for the sake of aesthetics.

Which CSS Measurements To Use When
With all the various CSS measurement systems (px, em, rem…) it can be difficult to understand and choose which units to use when and where. In this article they list a bunch of suggestions to help you out.

20 Free Themes for Ghost by Speckyboy Editors
All of the free themes here embodies everything that Ghost represents – simplicity. The themes are all lightweight and are all a solid foundation for creating your own theme.

Tips for Creating AJAX-Heavy Websites by David Walsh
After creating his own blog as an AJAX-powered platform, David Walsh shares some tips from the experience.

Tutorials & How-Tos

High Performance Animations by Paul Lewis & Paul Irish
Modern browsers can animate position, scale, rotation and opacity really cheaply. Animating anything else is at your own risk, as the chances are you’re not going to hit a silky smooth 60fps.
High Performance Animations

CSS Overlay Techniques by Sara Soueidan
In this tutorial from Codrops, they explore several techniques for creating overlays and discuss their pros and cons.
CSS Overlay Techniques

New Resources & Services

LESS Hat 2.0 – A Kick-Ass LESS Mixin Library
After a year, there is a new, completely rewritten 2.0 version that brings 86 great mixins, robust workflow for editing, testing and creating new mixins.
LESS Hat 2.0 - A Kick-Ass LESS Mixin Library

Ink – A Responsive Email Framework
Ink is new framework from the guys at ZURB that allows you to quickly create responsive HTML emails that work on any device and client.
Ink - A Responsive Email Framework

Rar.js – A Pure-JavaScript RAR Reader
Using AJAX, File API & local access, rar.js provides a pure Javascript implementation of the RAR format, allowing you to extract or manipulate packed data client-side and server-side.

RECESS – Code Quality Tool For CSS
Developed by the guys at Twitter, RECESS is a simple, attractive code quality tool for CSS built on top of LESS.

Pizza – Responsive Pie Charts from ZURB
Pizza is a responsive Pie chart based on the Snap SVG framework from Adobe. It focuses on easy integration via HTML markup and CSS instead of JavaScript objects, although you can pass JavaScript objects to Pizza as well.

Social Sharing Links and Buttons Without the Bloat
Twitter, Facebook, and other widgets demand numerous HTTP requests and will damage the performance of your sites and apps. These lightweight CSS & HTML snippets make it easy for you to go social – without hurting site performance.

Flatten the Web With This Bookmarklet by Adam Schwartz
This awesome bookmarklet can make many websites appear to be "flat". It works by by adding a little bit of CSS that simply removes box-shadow, text-shadow, background-image and border-color from the web page.

Kite – A Gmail Clone
Kite is a BSD-licensed Gmail clone that you can install very easily on your own server. It has been written in Javascript with Angularjs for the frontend, and in Python 2 for the backend.
Kite - A Gmail Clone

Font Combiner
Font Combiner is a web font creator and font improvement tool with advanced font features for the end user – kerning, subsetting, various hinting options and custom font glyph combinations.
Font Combiner

GlyphSearch
GlyphSearch, created by Thomas Park, is a really useful web-based app that allows you to search Font Awesome, Glyphicons, and Ionicons simultaneously.
GlyphSearch

Design Freebies

Glyphs – A Collection of 150 Icons in PSD Format
Glyphs - A Collection of 150 Icons in PSD Format

60 Flat and Long Shadow Social Media Icons in PSD Format
60 Flat and Long Shadow Social Media Icons in PSD Format

Nice Things Icon Set in PNG & AI Formats
Nice Things Icon Set in PNG & AI Formats

7 Meticulously Layered PSD Files From iOS7 Apps
7 Meticulously Layered PSD Files From iOS7 Apps

Hipstelvetica – An Experimental Display Font Family That Has Been Inspired Helvetica
Hipstelvetica - An Experimental Display Font Family That Has Been Inspired Helvetica

Glamor – Chic & Modern Type Family
Glamor - Chic & Modern Type Family

And Finally… Some Inspiration

Iconic Clothing in Pop Music by Frederico Birchal
Iconic Clothing in Pop Music

Hyper Realistics Paintings by Robin Eley
Hyper Realistics Paintings

Author: (922 Posts)

This post has been written by the team here at Speckyboy Design Magazine.

Comments