Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Responsive Design for Digital VU Month 2012

531 views

Published on

  • Be the first to comment

Responsive Design for Digital VU Month 2012

  1. 1. responsive Ryan Huber School of Medicine web John Trevethan Children’s Hospital design Jason Coles Medical Center
  2. 2. The control which designersknow in the print medium, andoften desire in the webmedium, is simply a functionof the limitation of the printedpage. We should embrace thefact that the web doesn’t havethe same constraints, anddesign for this flexibility. - John Allsopp
  3. 3. a design that adapts to the environment inwhich it is viewed
  4. 4. rather than aseparate site for each device
  5. 5. how do you do it? the really really condensed version... also, the “in an ideal world” version...
  6. 6. STEP 1write pretty html
  7. 7. STEP 2 write css in a waythat it looks good on small screens
  8. 8. STEP 3Layer on styles forincreasingly wider browsers using media queries
  9. 9. show and tell

×