Nettuts teach us how to create an image gallery that will work in almost all environments, using progressive enhancement techniques. Progressive enhancement is the opposite of graceful degradation, where you build your site/app with all the features, and then make sure it looks good and functions decently in older browsers.

The result of this tutorial is beautifull image gallery where we can drag our images around to view them; it will be a very basic simulation of a stack of photos on your coffee table. When you click on one, it will slide open to reveal some details about the image. If JavaScript is turned off, we’ll have a nice grid of image to choose from; clicking them will take us to a page with a larger version of the image and the details. If there’s no CSS support, we’ll get an ugly (but working) list of the images.

Demo: http://nettuts.s3.amazonaws.com/501_imagegallery/gallery/index.htm
View tutorial: http://net.tutsplus.com/tutorials/javascript-ajax/building-an-image-gallery…

Incoming search terms for the article:

• progressive enhancement image gallery
• progressive photos of shopping construction
• jquery image enhancer
• image gallery Progressive enhancement
• ajax progressive image gallery
• jquery progressive image display
• jquery progressive image results
• nettuts amazonaws 501 image gallery index
• progressive enhancement adding images
• progressive enhancement image slider