Why responsive design isn't enough

  • 664 views
Uploaded 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 …

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.

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
664
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
3
Comments
0
Likes
1

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

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