Progressive enhancement in the Government Service Design manual
A nice description of progressive enhancement by Norm, as applied at GDS.
Tags: progress
Implementing off-canvas navigation for a responsive website by David Bushell
This off-canvas demo is a great practical example of progressive enhancement from David. It’s also a lesson in why over-reliance on jQuery can sometimes be problematic.
Twitter Engineering: Implementing pushState for twitter.com
A really nice explanation by Todd Kloots of Twitter’s use of progressive enhancement with Ajax and the HTML5 History API. There’s even a shout for Hijax in there.
The Vanilla Web Diet | Smashing Coding
I wholeheartedly agree with Christian’s diagnosis of the average web page: it’s overweight to the point of obesity. Fortunately Dr. Heilmann has some remedies.
isolani - Web Standards: Web App Mistakes: Condemned to repeat
Some great thoughts from Mike Davies about the strengths of the web, prompted by some of the more extreme comments made by James Pearce at Full Frontal last week.
I should point out that James was being deliberately provocative in order to foment thought and discussion and, judging from this blog post, he succeeded.
The Web’s independence from the hardware and software platform people use is a feature. It’s better than cross-platform frameworks which are constantly criticised for not producing exact native-feeling apps on the multitude of platforms they run on. The Web is above that pettiness.
Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012) on Vimeo
This is the talk I gave at the Webdagene conference in Norway a few weeks back. I called it Responsive Enhancement but I think the Norwegian title translates as “Improvements Through Responsive Design.”
{ io: The Web Is Growing Up }
A lovely bit of hypertext.
Twitter without Hashbangs
Remember when I linked to the story of Twitter’s recent redesign of their mobile site and I said it would be great to see it progressively enhanced up to the desktop version? Well, here’s a case study that does just that.
It’s time to stop blaming Internet Explorer | NCZOnline
Nicholas is inside my head! Get out of my head, Nicholas!
What makes the web beautiful is precisely that there are multiple browsers and, if you build things correctly, your sites and applications work in them all. They might not necessarily work exactly the same in them all, but they should still be able to work. There is absolutely nothing preventing you from using new features in your web applications, that’s what progressive enhancement is all about.
Build a smart mobile navigation without hacks | Tutorial | .net magazine
A really great markup and CSS pattern for “content first, navigation second” from Aaron.
How to Make Progress Bars Feel Faster to Users - UX Movement
A fascinating insight into the psychological implications of animated progress indicators.
The responsive images problem
A run-down of the various approaches to the responsive images problem, concluding that this is something that needs to be solved in the image format.
Responsive image format - blog
An idea for handling responsive images not with a new format, but with an existing one: progressive JPGs.
Nicholas Zakas: Progressive Enhancement 2.0 - YouTube
A great talk by Nicholas on what progressive enhancement means today. There’s some good ammunition in here.
Content Parity | Brad Frost Web
Yet another great post from Brad:
Whenever I think of the concept of “One Web” and providing universal access to information on the web, I tend to break it down into something much simpler: give people what they ask for.
Excessive Enhancement - SXSW2012 // Speaker Deck
The slides from Phil’s excellent South by Southwest presentation on URLs, JavaScript, and progressive enhancement.
Browser Support? Forget It! – David Bushell – Web Design
A great post that discusses exactly what we mean when we talk about “supporting” different browsers.
Solve for X: Neal Stephenson on getting big stuff done - YouTube
Neal Stephenson speaks at Solve For X on the relative timidity of scientific (and science fictional) progress in our current time.
Progress Bar
A nice little bit of CSS for a page-loading animation. View source.
deCSS3 - a bookmarklet for graceful degradation.
This is really handy: a bookmarklet that will disable any CSS3 on a page so you can check that your fallbacks look okay.
A plea for progressive enhancement | Stephanie Rieger
Yes! Yes! Yes!!!
Progressive enhancement is the only sane approach to today’s massively divergent landscape of devices. It can’t be repeated often enough.
The Mobile Case for Progressive Enhancement | Brad Frost Web
A great, great reminder from Brad on the importance of progressive enhancement especially on mobile. There seems to be a real mindset amongst developers working on mobile sites that JavaScript is a requirement for building anything (and there’s a corresponding frustration with the wildly-varying levels of JavaScript support). It ain’t necessarily so!
Full Fucking Service, Reckless web development practices are encouraging idiots
I wholeheartedly agree with this summation of what professional web design and development entails.
Bagchecking in the Command Line | Bagcheck
This is a fascinating take on progressive enhancement from Luke: for a service-based site, the equivalent of Content First is API first …literally a command line interface as a baseline.
LONDON WEB - Sept 2010 - The Progressive Web - Andy Hume on Vimeo
A great presentation by Andy on the use of progressive enhancement at Clearleft.
Stop! You are doing mobile wrong! | Metal Toad Media
An excellent summation of the responsive enhancement approach to web development.
Unobtrusify.com - Unobtrusive Javascript for Progressive Enhancement
A simple and powerful message, beautifully delivered (itself an example of unobtrusive JavaScript). Bravo, Phil Hawksworth!
Five CSS design browser differences I can live with | For A Beautiful Web
A great article by Malarkey wherein he lists five examples of progressive enrichment (as Dan is wont to call it) complete with side-by-side comparisons. Useful ammo, this.
AJAX Activity Indicators
Want to indicate that something is happening on a web page, like... oh, I don't know... an Ajax request or something? Here's a cornucopia of animated progress indicators.
Progressive Layout
Using JavaScript to serve up fixed or liquid layout based on browser width.