Whatever happened to Progressive Enhancement?

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.

Transcript

1. Whatever happened to Progressive Enhancement?
2. helo Casnewydd
3. My First Web Job
4. 2005 =
5. Government website
6. yuk
7. Web standards
9. CSS Zen Garden http://goo.gl/vVADw
10. Birth of Ajax
12. Graceful Degradation
13. Progressive Enhancement
14. “Design for the lowest common denominator”
15. Fast Forward
17. A new landscape
19. Blurring of layers
23. 1.3% http://goo.gl/4WyX4
24. The Death of the Reload Button
25. User Expectation
26. ‘Appification’ of the web http://goo.gl/sMBbf
27. Barrier to Progress http://goo.gl/EsqLy
28. Problems
29. != Sites / Apps
30. Design for the best
31. Graceful Degradation again
32. -o- CSS prefixes
33. CSS-dependency
34. <div>itus
35. JS-dependency
36. #! The hash-bang
37. <script> http://goo.gl/YTijg
38. <noscript>
39. <script> http://goo.gl/BaL5r
40. <noscript>
41. wtf
42. Performance
43. Drag and drop culture
44. Bloat
45. Canvas-in design
46. Can we fix it?
47. “Design for the lowest common denominator”
48. Mobile first
49. Responsive Web Design
50. not a panacea
51. not a trend
52. = Responsive Web Design is Progressive Enhancement
53. Shoe-horning is unsustainable
54. Solutions
55. “Markup first”
57. “Design for a range of devices”
58. Three pillars of Responsive Web Design
59. “Expect it to break”
60. http://goo.gl/0tZam “Design a site to work robustly for the situations in which Javascript doesn’t succesfully run”
61. protip
62. protip
63. “Don’t ignore the 1.3%”
65. Diolch yn Fawr! http://goo.gl/9jnB1 @cole007 Font Edmondsans Icons Geomicons Wired