The document discusses the history and evolution of progressive enhancement and responsive web design principles from 2005 to 2012. It notes early issues with government websites not working properly and the emergence of techniques like CSS, Ajax, and responsive design. The document argues that responsive design, when done properly with a focus on progressive enhancement, can help address issues caused by over-reliance on JavaScript and provide robust experiences across devices.

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

11. 2007

12. Graceful Degradation

13. Progressive Enhancement

14. “Design for the lowest
common denominator”

15. Fast Forward

16. 2012

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. CSS prefixes
-o-

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. “Design a site to work robustly for the
situations in which Javascript doesn’t
succesfully run”
http://goo.gl/0tZam

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