Whatever happened to Progressive Enhancement?

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

8. None

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

18. None

19. Blurring of layers

20. None
21. None
22. None

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”

56. None

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%”

64. None

65. Diolch yn Fawr! http://goo.gl/9jnB1 @cole007 Font Edmondsans Icons Geomicons Wired