Whatever happened to Progressive Enhancement?

helo Casnewydd

My First Web Job

2005

=

Government website

yuk

Web standards

CSS Zen Garden

http://goo.gl/vVADw

Birth of Ajax

2007

Graceful Degradation

Progressive Enhancement

“Design for the lowest common 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 web

http://goo.gl/sMBbf

Barrier to Progress

http://goo.gl/EsqLy

Problems

!=

Sites / Apps

Design for the best

Graceful Degradation !again"

-o-

CSS prefixes

CSS-dependency

<div>itus

JS-dependency

#!

The hash-bang

<script>

http://goo.gl/YTijg

<noscript>

<script>

http://goo.gl/BaL5r

<noscript>

#wtf

Performance

Drag and drop culture

Bloat

Canvas-in design

Can we fix it?

“Design for the lowest common denominator”

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 of devices”

Three pillars of Responsive Web Design

“Expect it to break”

http://goo.gl/0tZam

“Design a site to work robustly for the situations in which Javascript doesn’t

succesfully run”

#protip

#protip

“Don’t ignore the 1.3%”

Diolch yn Fawr!http://goo.gl/9jnB1

@cole007

Font Edmondsans Icons Geomicons Wired