Design Resources

Pure CSS 3 Progress Bar Dec 01, 2010

As the new features introduced in CSS3 allows developers to create stunning visual effects, create easily a fancy progress bar using CSS3 and jQuery, but no Flash or even images.



Coding a Rotating Image Slideshow: CSS3 and jQuery Dec 01, 2010

Pretty use of jQuery and CSS3 rotations, along with the jQuery rotate plugin, to create a beautiful slideshow. You can use it to spice up your web sites, product pages and other projects with some CSS3 magic.



Create Amazing CSS3 Animations : Sencha Animator Nov 10, 2010

A powerful desktop application to create awesome CSS3 animations for WebKit browsers and touchscreen mobile devices. Sencha Animator allows you to create amazing CSS3 animations with ease. Desktop application for Windows, Mac and Linux.



CSS3 Pie Oct 07, 2010

PIE makes Internet Explorer 6-8 capable of rendering several of the most useful CSS3 decoration features.



Preview Web pages Across Multiple Browsers and OS Jun 07, 2010

BrowserLab lets you preview web pages across multiple browsers and operating systems



Our Solar Sys­tem in CSS3 Jun 02, 2010

An attempt to recre­ate our solar sys­tem using CSS3 fea­tures such as border-radius, trans­forms and anim­a­tions. The res­ult is sur­pris­ing and quite interesting.



Drop shadow with CSS for all web browsers Mar 28, 2010

One of the most common CSS effects is using shadows in various ways. Before, we needed to resort to images, but now we can offer this to all major web browser with CSS!



“Taking Your Talent to the Web” is now free Apr 28, 2009

Rated Five Stars at Amazon.com since the day it was published, “Taking Your Talent to the Web” is now a free downloadable book from zeldman.com



CSS Sticky Footer Layout Jan 23, 2009

This sticky footer solution is working in all major browsers, including Google Chrome!. It works with floated 2-column layouts and we don’t get overlap in resized browser windows unlike older solutions you find when you Google sticky footer. And you don’t need an empty push div.



Designing Web Interfaces: 12 Standard Screen Patterns Jan 21, 2009

Standard Screen Patterns: 12 patterns w/100 examples
Essential Controls: 30 controls for RIA design and development
Components for Commonly Requested Features: 15 patterns and examples
Interaction Principles: 6 principles w/70 patterns