Whatever happened to Progressive Enhancement?

275 views

Published on

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.

Published in: Technology, News & Politics
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
275
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Whatever happened to Progressive Enhancement?

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

×