This is our weekly column in which we share our favorites posts, articles and resources with our readers all from last week.
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 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 →
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 →
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 →
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 →
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) →
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 →
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
This is a Photoshop a detailed video tutorial on seamless pattern design and creation from Evan Eckard.
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 →
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 →
How to Use API V3 to Customize, Enhance, and Beautify your Google Map Mashups.
41Latitude – Styled Maps Using Google Maps API Version 3 →
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 →
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 →
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 →
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 →
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 →
These 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 →
This set comes with 13 different icons, in both 54×54 and 256×256 PNG format. They have been released under the creative commons license and you are free to use them for both personal and commercial use.
“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” →