Why responsive design isn't enough

916 views
851 views

Published on

Responsive Design is all the rage right now, but honestly, is it the solution to most of our problems? My answer is no, BUT, that also depends on how you define Responsive Design. Is it using @media queries? Partly, yes. In this presentation I discuss a more holistic approach to responsive design.

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
916
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
7
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Why responsive design isn't enough

  1. 1. Why Responsive Design isnt enough (by itself)
  2. 2. Nathaniel Schweinberg @nathanielks
  3. 3. What Problems are we trying to solve?Serving optimized experiences across devices/browsers Having only 1 website Maintaining 1 codebase
  4. 4. A Good Start@media queries are great!
  5. 5. What issues are we facing? Legacy Browsers Content Delivery Who gets What and How
  6. 6. The Underlying issue?
  7. 7. Websites got Big Asses
  8. 8. Images!
  9. 9. Request Headers!
  10. 10. Why "Responsive Design" isnt enough
  11. 11. http://mpulp.mobi/2011/05/next-steps-of-responsive-web-design/
  12. 12. What is Responsive Design?
  13. 13. Responsive sites are made up a few things Good Content Design Development Maintenance/Testing
  14. 14. Content Creation Keep things simple
  15. 15. 320 & UpBase css is simplified mobile, customise for IE All major browsers support @media
  16. 16. Image Handling Adaptive ImagesNo end all solution yet
  17. 17. Content Delivery Media Queries Adapt/Responsive.js Mustache
  18. 18. http://www.lukew.com/ff/entry.asp?1392
  19. 19. Optimized Scripts Mobble WURFL
  20. 20. Be Responsible Developers, not responsive developers
  21. 21. Client Side ResourcesAdapt.js Ruby gems:Respond.js SASSRetina.js SusyLESS BourbonBootstrap NeatFoundationA bajillion other frameworks Codekit
  22. 22. Server Side ResourcesMustacheAdaptive ImagesWURFLMobbleWP Fluid ImagesWP Retina 2x
  23. 23. Real World Scenarios
  24. 24. Theatre Francais
  25. 25. Resources:https://kippt.com/nathanielks/responsive-resources
  26. 26. Nathaniel Schweinberg @nathanielks

×