In my talk I want to look at whatever happened to progressive enhancement and discuss how we should approach inclusive web design with the myriad of tools, techniques and devices available today.
Whatever happened toProgressive Enhancement?
View Slide
helo Casnewydd
My First Web Job
2005=
Government website
yuk
Web standards
CSS Zen Gardenhttp://goo.gl/vVADw
Birth of Ajax
2007
Graceful Degradation
Progressive Enhancement
“Design for the lowestcommon denominator”
Fast Forward
2012
A new landscape
Blurring of layers
1.3%http://goo.gl/4WyX4
The Death of the Reload Button
User Expectation
‘Appification’ of the webhttp://goo.gl/sMBbf
Barrier to Progresshttp://goo.gl/EsqLy
Problems
!=Sites / Apps
Design for the best
Graceful Degradation again
-o-CSS prefixes
CSS-dependency
itus
JS-dependency
#!The hash-bang
<br/>http://goo.gl/YTijg<br/>
<br/>http://goo.gl/BaL5r<br/>
wtf
Performance
Drag and drop culture
Bloat
Canvas-in design
Can we fix it?
Mobile first
Responsive Web Design
not a panacea
not a trend
=Responsive Web Design is Progressive Enhancement
Shoe-horning is unsustainable
Solutions
“Markup first”
“Design for a range ofdevices”
Three pillars of Responsive Web Design
“Expect it to break”
http://goo.gl/0tZam“Design a site to work robustly for thesituations in which Javascript doesn’tsuccesfully run”
protip
“Don’t ignore the 1.3%”
Diolch yn Fawr!http://goo.gl/9jnB1@cole007Font Edmondsans Icons Geomicons Wired
cole007
adammc331
ohmae
taowata
schroneko
ivargrimstad
okaharuna
zachklipp
tonkotsuboy_com
nozaki
skanehira
loic425
itsmedreamwalker
erikaheidi
sstephenson
kneath
addyosmani
tenderlove
edds
davidbonilla
holman
lemiorhan
akosma
danielanewman
andyhume