Weekly Design News – Resources, Tutorials and Freebies (N.63)

This is our weekly column were we share our favorites posts, articles and resources with our readers from the previous week.

If you would like to be kept up to date with loads of fresh design news and resources, you can follow us on Twitter, on Facebook or even by subscribing to our RSS feed.

If you would like to see view some of our previous weekly design news round-ups, click here: Weekly Design News Archives →

The 30 CSS Selectors you Must Memorize

The 30 CSS Selectors you Must Memorize
While many of the selectors mentioned in this article are part of the CSS3 spec, and are, consequently, only available in modern browsers, you owe it to yourself to commit these to memory.
The 30 CSS Selectors you Must Memorize →

The 1140px CSS Grid System/Framework

The 1140px CSS Grid System/Framework
The 1140 grid fits perfectly into a 1280 monitor. On smaller monitors it becomes fluid and adapts to the width of the browser.
Beyond a certain point it uses media queries to serve up a mobile version, which essentially stacks all the columns on top of each other so the flow of information still makes sense.
The 1140px CSS Grid System/Framework →

The Seven Deadly Sins of Design

The Seven Deadly Sins of Design
In this article, they take a look at some of the worst offenses committed in design and how to avoid them. When your design project is judged, will you be held accountable for any of these sins?
The Seven Deadly Sins of Design →

Baker Ebook Framework

Baker Ebook Framework
Baker Ebook Framework →

Supersized 3.0 – Full Screen Background & Slideshow jQuery Plugin

Supersized 3.0 – Full Screen Background & Slideshow jQuery Plugin
Supersized 3.0 – Full Screen Background & Slideshow jQuery Plugin →

jQuery Face Detection

jQuery Face Detection
jQuery Face Detection is a plugin which detects faces in pictures and returns theirs coords.
jQuery Face Detection →

Creating a Stylish Coming Soon Page with jQuery

Creating a Stylish Coming Soon Page with jQuery
In this tutorial you will create a stylish coming soon page, using PHP, MySQL and jQuery. It will allow you to collect visitors’ emails and store them in a simple database table. On the presentation side, it features a slick slideshow with the help of the Nivo Slider plugin.
Creating a Stylish Coming Soon Page with jQuery →

CSS: Stretch a Box to its Parent’s Bounds

CSS: Stretch a Box to its Parent’s Bounds
CSS: Stretch a Box to its Parent’s Bounds →

Breadcrumb Navigation with CSS Triangles

Breadcrumb Navigation with CSS Triangles
Did you know you can make triangles with pure CSS? It’s pretty easy. You just make a block level element with zero width and height, a colored border on one side, and transparent borders on the two adjacent sides. They are fun for all kinds of things, like little arrow sticking out from speech bubbles, navigation pointers, and more.
Breadcrumb Navigation with CSS Triangles →

Web Interface Showcase: Effective & Clear Web Designs

Web Interface Showcase: Effective & Clear Web Designs
Web Interface Showcase: Effective & Clear Web Designs →

Inspired by the Dark Side of the Force: Darth Vader Variations

Inspired by the Dark Side of the Force: Darth Vader Variations
For over thirty years one iconic villain has reigned in the dark corners of so many hearts mdash; and not just of those who proudly parade beneath the banner of sci-fi junkies. Darth Vader has transcended the page and screen to live on in ways most characters will never achieve; but then again, most characters do not have command over the power of the force like the dark Sith Lord does.
Inspired by the Dark Side of the Force: Darth Vader Variations →

Retro Typography: Trends and Showcase

Retro Typography: Trends and Showcase
There are many print ads that evoke memories of old when we see them, and bring to mind the happy or sad times, or any emotional feelings that resonate within. For the tugging of the heart strings or that “I remember!” moment, you can thank retro typography for taking you back to that special place.
Retro Typography: Trends and Showcase →

BlackBerry Photoshop Tutorial

BlackBerry Photoshop Tutorial
BlackBerry Photoshop Tutorial →

ALT Lautus Free Font

ALT Lautus Free Font
Lautus is a 10 weight typeface and can be use in almost every graphic design application it’s great for minimal design, logos, Posters, and magazines. Both the thin and thin italic versions are free to use
ALT Lautus Free Font →

Yellow Cream Free Font

Yellow Cream Free Font
Yellow Cream Free Font →

Amazing Typography – Alice in Wonderland

Amazing Typography - Alice in Wonderland
This layout was created by Bharani M, a 19 year old web nerd from india. The idea was to create a clean layout with elegant typoraphy. The fonts used are, JustOldFashion, QlassikBold and Cambria.
Amazing Typography – Alice in Wonderland →

Photoshop Brushes – BrushLovers.com

Photoshop Brushes - BrushLovers.com
BrushLovers has one of the largest collections of exclusive and high-quality Photoshop brushes on the Web. They feature hundreds of Photoshop brushes that are free for both personal and commercial use.
Photoshop Brushes – BrushLovers.com →

What Your Phone Says About You [Graphic]

What Your Phone Says About You [Graphic]
What Your Phone Says About You [Graphic] →

Previous Weekly Design News…

Design News Roundup Archives →

Author: (926 Posts)

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

Comments