SlideShare is now on Android. 15 million presentations at your fingertips.  Get the app

×
  • Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
 

Beyond Media Queries: Anatomy of an Adaptive Web Design

by Mobile Web Strategist and Frontend Designer at Brad Frost Web on Aug 07, 2012

  • 46,145 views

Media queries may be responsive design’s secret sauce, but we know there’s a whole lot more that goes into crafting amazing adaptive experiences. By dissecting an example of a mobile-first ...

Media queries may be responsive design’s secret sauce, but we know there’s a whole lot more that goes into crafting amazing adaptive experiences. By dissecting an example of a mobile-first responsive design, we can uncover the principles of adaptive design and highlight some considerations for creating contextually-aware web experiences. This goes over emerging mobile web best practices and responsive patterns that can assist in our journey toward a future-friendly web.

Statistics

Views

Total Views
46,145
Views on SlideShare
25,539
Embed Views
20,606

Actions

Likes
112
Downloads
621
Comments
4

56 Embeds 20,606

http://bradfrostweb.com 16755
http://www.vanseodesign.com 2667
http://feeds.feedburner.com 310
https://twitter.com 216
http://www.maparesearch.com 127
http://storify.com 78
http://webguru.pe.kr 65
http://localhost 64
https://si0.twimg.com 27
http://blog.websourcing.fr 27
http://www.webguru.pe.kr 26
http://translate.googleusercontent.com 25
http://www.cs.ubbcluj.ro 23
http://thedesignsurvey.tumblr.com 22
http://kdnewman.com 21
http://lanyrd.com 19
http://10.6.240.7 12
https://twimg0-a.akamaihd.net 12
http://pinterest.com 9
http://us-w1.rockmelt.com 9
http://slyfab.tumblr.com 7
http://172.18.10.147 7
http://srvwebdev1.tecteo.intra 6
http://www.hitechplastics.net 6
http://alexbaumgertner.ya.ru 4
http://127.0.0.1 4
https://learningedge.edgehill.ac.uk 4
http://umbrellaofdesign.collected.info 4
https://t.co 4
http://feeds2.feedburner.com 4
http://www.netvibes.com 4
https://www.google.de 3
http://www.ostraining.com 3
http://logmob.wordpress.com 3
http://tweets.andreapanisson.it 2
http://wiki.gebit-ms.de 2
http://www.pkwebdesigns.com.au 2
http://172.18.10.151 2
http://mktg-dev.wearepropeople.md 2
http://www.twylah.com 2
http://upgradetest.cloneecflabsorg.drupalternative.nl 2
http://www.toerismevlaanderen.be 1
http://confluence.tecteo.intra 1
http://fever.edwardloveall.com 1
http://webcache.googleusercontent.com 1
http://hotadsensetrick.blogspot.com.au 1
http://www.verious.com 1
http://172.18.10.150 1
http://internetaddict.collected.info 1
http://bummerware.tumblr.com 1
More...

Accessibility

Categories

Upload Details

Uploaded via SlideShare 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

14 of 4 previous next Post a comment

Post Comment
Edit your comment

Beyond Media Queries: Anatomy of an Adaptive Web Design Beyond Media Queries: Anatomy of an Adaptive Web Design Presentation Transcript