Weekly Design News (N.211)

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

Australis is landing in Firefox Nightly
Australis, the latest and most gorgeous iteration of the Firefox user interface yet. Coming soon.
Firefox Australis is landing in Firefox Nightly

DesignFaves is a fantastic new website that showcases inspirational and creative work by artists and designers worldwide.

Creating Non-Rectangular Layouts with CSS Shapes by Sara Soueidan
With the introduction of CSS Shapes into the web, wrapping content in custom non-rectangular shapes, and recreating print designs and layouts on the web has become a piece of cake.

Designing for the 3 Second Rule by Abhishek Agarwal
What if you want to design for the 3 second rule, that is, make sure your website manages to make an impression in the first three seconds that users spend on the site? Here’s what you can do.

Typeface vs. Font: Terminology Smackdown by Robby Ingebretsen
It's a pretty subtle distinction, but if you're nerd enough to be curious then you're nerd enough to care.

Branding Know-How
Here is a set of definitions that will help you to completely understand what brand and branding is all about, covering all of its aspects.

Flat Design vs. Minimalism by Addison Duvall
Many people seem to be confusing flat design with what is commonly known as minimalism, or minimal design. So, what’s the difference, and why should designers care?

The Ultimate Flexbox Cheat Sheet by Sean Fioritto

CSS3 Box Model Behaviour by Vijay Sharma

Animating from “display: block” to “display: none” by Louis Lazaris

Why Responsive Images Is So Hard by Chris Coyier

Color Template – How do you choose the right colors for your designs?

New Resources & Services

Slippry is a responsive slider plugin for jQuery that offers a lots of settings you actually need, and with the included CSS and Sass you can make Slippry look just how you need it.
Slippry is a responsive slider plugin for jQuery

videoconverter.js is a library that allows you to convert and manipulate videos inside of your web browser.

Siiiimple Grid
Siiiimple is a super, super, super, super, simple 12 column CSS grid!
Siiiimple Grid

Fore is free, responsive and pageless front end template.

Maplace.js helps you to embed Google Maps into your website, quickly create markers and controls menu for the locations on map.

Echo is a standalone JavaScript lazy-loading image tool. Echo is fast, less than 1KB and uses HTML5 data-* attributes. Echo works in IE8+.

End Dash
EndDash is a two-way binding javascript templating framework built on top of semantic HTML.
End Dash

Design Freebies

GICONS (100 Icons in PSD & PNG Formats)

The Social Media Badges Icon Set (20 Icons in PSD Format)
The Social Media Badges Icon Set

Pictograms Reloaded (70 icons in AI Format)
Pictograms Reloaded

Massive UI Design Pack (PSD)
Massive UI Design Pack

Cosmic Sans Neue Font Family
Cosmic Sans Neue Font Family

And Finally… Some Inspiration

Steampunk Star Wars Characters
London-based conceptual artist Björn Hurri has put his imagination into high gear and created a series of uniquely interpreted Star Wars steampunk character illustrations.
Steampunk Star Wars Characters

Weekly Design News (N.211)

Speckyboy Design Magazine

Leave a Comment