0
Why Responsive Design     isnt enough        (by itself)
Nathaniel Schweinberg      @nathanielks
What Problems are we trying to             solve?Serving optimized experiences across devices/browsers                Havi...
A Good Start@media queries are great!
What issues are we facing?       Legacy Browsers        Content Delivery     Who gets What and How
The Underlying issue?
Websites got Big Asses
Images!
Request Headers!
Why "Responsive Design"      isnt enough
http://mpulp.mobi/2011/05/next-steps-of-responsive-web-design/
What is Responsive Design?
Responsive sites are made up a         few things           Good Content              Design           Development        ...
Content Creation  Keep things simple
320 & UpBase css is simplified mobile, customise for IE    All major browsers support @media
Image Handling  Adaptive ImagesNo end all solution yet
Content Delivery   Media Queries Adapt/Responsive.js     Mustache
http://www.lukew.com/ff/entry.asp?1392
Optimized Scripts      Mobble      WURFL
Be Responsible Developers, not    responsive developers
Client Side ResourcesAdapt.js                       Ruby gems:Respond.js                           SASSRetina.js          ...
Server Side ResourcesMustacheAdaptive ImagesWURFLMobbleWP Fluid ImagesWP Retina 2x
Real World Scenarios
Theatre Francais
Resources:https://kippt.com/nathanielks/responsive-resources
Nathaniel Schweinberg      @nathanielks
Why responsive design isn't enough
Why responsive design isn't enough
Why responsive design isn't enough
Upcoming SlideShare
Loading in...5
×

Why responsive design isn't enough

722

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
722
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
6
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Transcript of "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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×