Progressive enhancement in the Government Service Design manual
A nice description of progressive enhancement by Norm, as applied at GDS.
Tags: enhancement
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.”
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.
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.
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!
Redesigning the Country Selector - Baymard Institute
This looks like a nice progressive enhancement pattern: convert a select element into an auto-completing input element (a country selector in this case).
Full Fucking Service, Reckless web development practices are encouraging idiots
I wholeheartedly agree with this summation of what professional web design and development entails.
Responsive images with ExpressionEngine — John Faulds
Here’s an approach to responsive images in the Expression Engine CMS …but I fundamentally disagree with the UA-sniffing required.
Responsive images using CSS3 – Nicolas Gallagher
Once there’s better support for the CSS3 attr() function, this could be a nifty way of handling responsive images (although large-screen user-agents will download more than one image).
Responsive images right now — CSS Wizardry—CSS, Web Standards, Typography, and Grids by Harry Roberts
Another approach to responsive images, this time using background images. The disadvantage is that large-screen devices will download both images. Still, pretty darn clever.
Responsive images using cookies | Keith Clark
A well-thought approach to responsive images (although personally, I would use cookies to store the dimensions of the viewport rather than the dimensions of the screen).
Mobile-First Responsive Web Design | Brad Frost Web
A nice round-up of responsible responsive web design techniques, ‘though I would go a bit further and suggest that the rallying cry is not so much about Mobile First but Content First.
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.