In the beginning, progressive enhancement was simple: HTML layered with CSS layered with JavaScript. That worked fine when there were two browsers, but in today's world of multiple devices and multiple browsers, it's time for a progressive enhancement reboot. At the core is the understanding that the web is not print - the same rules don't apply. As developers and consumers we've been fooled into thinking about print paradigms for too long. In this talk, you'll learn just how different the web is and how the evolution of progressive enhancement can lead to better user experiences as well as happier developers and users.
This deck is a conference-agnostic one, suitable to be shown anywhere without site-specific jokes!
21. "Anyone who slaps a 'this page is best
viewed with Browser X' label on a Web
page appears to be yearning for the bad
old days, before the Web, when you had
very little chance of reading a document
written on another computer, another
word processor, or another network."
Tim Berners-Lee, 1996
33. "An escalator can never break;
it can only become stairs."
Mitch Hedberg, Comedian
http://www.flickr.com/photos/midiman/336647596/
http://www.flickr.com/photos/midiman/336647596/
62. 1) WEB PAGE : PRINTED PAGE ::
(a) dairy : diary
(b) spider : author
N
(c) web browser : book G
R O
(d) digital photo : print photo
(e) cell phone: text message
W
70. 1) WEB BROWSER : WEB PAGE ::
(a) telephone : call
(b) computer : email
(c) printed book : printed page
(d) television : television show
(e) mailbox : letter
71.
72.
73. Old browsers are like black & white TVs
http://www.flickr.com/photos/stevestein1982/4047834684/
74. New browsers are like HD TVs
http://www.flickr.com/photos/lge/3988988400/
75. TV already solved this problem
http://www.flickr.com/photos/navdeepraj/504596529/
76. This would be silly
Yet this is what web developers have been doing
http://www.flickr.com/photos/navdeepraj/504596529/
77. Do web sites need to look exactly
the same in every browser?
118. 1) WEB BROWSER : WEB PAGE ::
(a) telephone : call
(b) computer : email
(c) printed book : printed page
(d) television : television show
(e) mailbox : letter