Question

I see the value in using progressive enhancement in web development and I already use it regularly. That said, almost every website I've seen that strongly advocates progressive enhancement is a website with no images that has a div for a title and a div for navigation -- in other words, really basic (and boring) stuff.

Do you know of any examples of sites that use progressive enhancement to great effect? I love poking around disabling all sorts of things on sites to see what they look like but I rarely find something that degrades beautifully. I'm looking for something with images, dynamic content, tables, embedded players, or anything somewhat more tricky to develop than just blocks of text.

I'm still waiting to find that site that displays perfectly in text-only browsers and still blows me away in its full-featured glory ;)

Was it helpful?

Solution

Amazon site degrades quite well.

If JavaScript is off, then it is still possible to browse through product pictures (with full page reload of course). If JavaScript is on, then the nice Ajax improves the experience.

OTHER TIPS

Well, you're reading on one! 4877 revisions and counting.

Check out www.yahoo.com - it based on YUI library (yuilibrary.com) made by themselves. It has a wide range of widgets, modules that have progressive inhancement by design. ( I checked their site WITH and WITHOUT scripts enabled - and even didnt recognize the difference, really - did that twice to make sure that I disabled them %-)

UPD: For tables check this link for Tables that use "Progressive Enhancement" with scripts enabled or degrades without them.

A really great example as how to progressive enhance a view

http://www.alistapart.com/articles/testdriven/

The Filament Group designed boston*globe*.com using progressive-enhancement. It, of course, has images, canvas, video, etc.

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top