Why responsive design isn't enough
Upcoming SlideShare
Loading in...5
×
 

Why responsive design isn't enough

on

  • 923 views

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.

Statistics

Views

Total Views
923
Views on SlideShare
921
Embed Views
2

Actions

Likes
1
Downloads
3
Comments
0

2 Embeds 2

https://twitter.com 1
https://si0.twimg.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Why responsive design isn't enough Why responsive design isn't enough Presentation Transcript

  • Why Responsive Design isnt enough (by itself)
  • Nathaniel Schweinberg @nathanielks
  • What Problems are we trying to solve?Serving optimized experiences across devices/browsers Having only 1 website Maintaining 1 codebase
  • 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 Maintenance/Testing
  • 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 SusyLESS BourbonBootstrap NeatFoundationA bajillion other frameworks Codekit
  • Server Side ResourcesMustacheAdaptive ImagesWURFLMobbleWP Fluid ImagesWP Retina 2x
  • Real World Scenarios
  • Theatre Francais
  • Resources:https://kippt.com/nathanielks/responsive-resources
  • Nathaniel Schweinberg @nathanielks