Resources Home 
CSS3 and HTML5 Articles
User rating:
CSS drop-shadows without images
An insightful look at using CSS3 box shadows plus pseudo-elements to create a variety of different shadow effects, such as peel.
User rating:
Understanding CSS3 2D Transforms
A layman's guide to transformations and how to implement them in CSS3.
User rating:
CSS3 Animation With jQuery Fallbacks
A look at how you can use CSS3 transitions to power your application's animations, with jQuery's .animate() method used as a fallback. CSS3 transitions have the benefit of being hardware accelerated.
User rating:
CSS3 Animated Bubble Buttons
Illustration on using CSS3's multiple backgrounds and animation features to produce buttons with an animated bubble effect.
User rating:
Pure CSS3 ribbon
A look at crafting some pretty ribbons using CSS3 and with no extraneous markup, thanks to the ":before" and ":after" pseudo classes.
User rating:
HTML5 Notepad
This HTML5 based "notepad" app uses HTML5's DOM Storage capability to allow users on your site to save and persist random bits of text for retrieval later.
User rating:
Advanced pure CSS3 boxes without using images
15 different CSS3 spiced up boxes such as with curved corners that truly demonstrates the power of CSS3.
User rating:
Shutter Effect Portfolio with jQuery and Canvas
This tutorial shows you how to use HTML5's canvas element to create an image slideshow with a camera shutter effect.
User rating:
Checkerboard, striped & other background patterns with CSS3 gradients
CSS3 gradients can be used to create many kinds of common background patterns, including checkered patterns, stripes and more, all without any image!
User rating:
How to create a Progress bar with HTML5 Canvas
This practical example on HTML5's Canvas element shows using the technology to create a progress bar.
