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

This is our weekly column in which we share our favorites posts, articles and resources with our readers all from last 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 →

50 New Useful CSS Techniques, Tutorials and Tools

50 New Useful CSS Techniques, Tutorials and Tools
In this post, from Smashing Mag, they have 50 recently released CSS techniques, tutorials and tools for you to use and enhance your work-flow and help improve your skills.
50 New Useful CSS Techniques, Tutorials and Tools →

The History of Web Browsers

The History of Web Browsers
The key features for any web browser are browsing mode, speed, and customizability. In this article they shine some light on the history of some of the most popular web browsers to illustrate how far they have come.
The History of Web Browsers →

Fun with HTML5 Forms

Fun with HTML5 Forms
Forms and form elements, as they appeared in the HTML4 spec, were utilitarian but hardly elegant. So we got smart. We enlisted our ever loyal friend JavaScript to lift forms to new heights.
HTML has now caught up with the needs of web designers and developers by providing a remarkably simple way of creating usable and even extensible forms.
Fun with HTML5 Forms →
View the Demo →

Annotation Overlay Effect with jQuery

Annotation Overlay Effect with jQuery
In this tutorial you will learn how to create a simple overlay effect to display annotations in e.g. portfolio items of a web designers portfolio.
Annotation Overlay Effect with jQuery →
View the Demo →

How to Make a Facebook Fan Page

How to Make a Facebook Fan Page
This article is quite possibly the most comprehensive guide on making a Facebook page for your business. This tutorial consists of several steps, so that you can easily skip some of them if they seem familiar to you.
How to Make a Facebook Fan Page →

12 Creative Design Ideas That Went Viral (And The Lessons You Can Learn)

12 Creative Design Ideas That Went Viral (And The Lessons You Can Learn)
In this post they feature some varied web designs that went viral on either StumbleUpon, Digg or any other social media services and discusses the lessons you can learn from them.
12 Creative Design Ideas That Went Viral (And The Lessons You Can Learn) →

10 Most Influential Designs that Changed the Modern World

10 Most Influential Designs that Changed the Modern World
In this article they explore the design depths of what has influenced the world which we live in today. From revolutionizing the market and boosting sales to completely influencing the products we see today, each one of these products were designed with a specific purpose in mind : to change the face of the future.
10 Most Influential Designs that Changed the Modern World →

How to Identify a Font

How to Identify a Font
Graphic designers are consistently asked to use a client’s nameless favorite font. Thanks to the typeface renaissance spurred by increasingly fantastic font tools and talented foundries, the font identification game is getting harder by the minute.
How to Identify a Font →

Grunge Pattern Tutorial Photoshop Tutorial

Grunge Pattern Tutorial

This is a Photoshop a detailed video tutorial on seamless pattern design and creation from Evan Eckard.

How to Build a Kick-Butt CSS3 Mega Drop-Down Menu

How to Build a Kick-Butt CSS3 Mega Drop-Down Menu
Often used on e-commerce or large scale websites, mega menus are becoming more and more popular, as they offer an effective solution to displaying a lot of content while keeping a clean layout. In this tutorial, you’ll learn how to build a cross-browser, awesome CSS-only drop-down mega menu, using nice CSS3 features.
How to Build a Kick-Butt CSS3 Mega Drop-Down Menu →
View the Demo →

HTML5 Canvas Element Guide

HTML5 Canvas Element Guide
This guide will help get you started on understanding the canvas element and what kinds of things are required and expected in its associated code. This should help you get a firm fundamental understanding of canvas in preparation for creating something interesting and powerful with this unique HTML5 element.
HTML5 Canvas Element Guide →

41Latitude – Styled Maps Using Google Maps API Version 3

41Latitude - Styled Maps Using Google Maps API Version 3
How to Use API V3 to Customize, Enhance, and Beautify your Google Map Mashups.
41Latitude – Styled Maps Using Google Maps API Version 3 →

How To Create Awesome Circular Image Galleries With jQuery & CSS (jQuery Roundrr)

How To Create Awesome Circular Image Galleries With jQuery & CSS (jQuery Roundrr)
Quite often with image galleries powered by jQuery, you’re presented with a very similar layout – one which contains the images or items presented inside a rectangle. This are great, but there are a few interesting alternatives – how about displaying your images or items around a shape like a circle or an ellipse instead?. In this post you’ll be shown how to do just that.
How To Create Awesome Circular Image Galleries With jQuery & CSS (jQuery Roundrr) →
View the Demo →

MarkUp – Draw on any webpage. Share your ideas.

MarkUp - Draw on any webpage. Share your ideas.
MarkUp – Draw on any webpage. Share your ideas. →

Create A Spectacular Splatter Design in Photoshop

Create A Spectacular Splatter Design in Photoshop
In this video tutorial, by Che McPherson from TutCandy.com, you can learn how to use custom brushes to add a nice splatter effect to your image to create a stunning abstract piece of artwork.
Create A Spectacular Splatter Design in Photoshop →

Harnessing the Power of Geometry for a Creative Nike Shoe Design

Harnessing the Power of Geometry for a Creative Nike Shoe Design
In this tutorial, you’ll learn how to create some geometry-based brushes and then apply them for a creative Nike shoe design. You’ll see how to incorporate geometry into your own designs, and with these brush creation techniques, you’ll be able to create nearly any geometric-based design you desire.
Harnessing the Power of Geometry for a Creative Nike Shoe Design →

Design a Despicable Me ‘Minion’ in Illustrator

Design a Despicable Me ‘Minion’ in Illustrator

Backbone.js

Backbone.js
Backbone supplies structure to JavaScript-heavy applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing application over a RESTful JSON interface.
Backbone.js →

Ai to Canvas Plug-In

Ai to Canvas Plug-In
The Ai->Canvas plug-in enables Adobe Illustrator to export vector and bitmap artwork directly to an HTML5 canvas element that can be rendered in a canvas-enabled browser. The plug-in provides drawing, animation and coding options such as events so that you can build interactive, well-designed canvas-based web apps.
Ai to Canvas Plug-In →

Barko Free Font

Barko Free Font
Barko Free Font →

Credit Card Icon Pack

Credit Card Icon Pack
This possibly the most complete payment option icon pack we have ever seen. It consists of 35 PNG icons, all sized at 32x32px.
Credit Card Icon Pack →

Tabs – Interface Icons for Developers & Designers

Tabs - Interface Icons for Developers & DesignersThese icons have been designed and optimized for use on toolbars and tab bars for iPhone & iPad apps. There are three icon sets on this page, the two at the top are premium (pretty cheap), the smaller set at the bottom are free.
Tabs – Interface Icons for Developers & Designers →

The Dailies – Free Icon Set for Writers and Designers

Free Icon Set for Writers and Designers

60 Exclusive Free Icons “Childish”

60 Exclusive Free Icons “Childish”
“Childish”, as the name implies, are ideal for children’s websites or for websites that have a more relaxed and fun feeling. The set contains all of the icons in 4 different sizes, 32×32, 48×48, 64×64 and 128×128, all are in PNG and the EPS source file is also available.
60 Exclusive Free Icons “Childish” →

Previous Weekly Design News…

Design News Roundup Archives →

Author: (943 Posts)

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

Comments