Successfully reported this slideshow.
Your SlideShare is downloading. ×

Beyond Media Queries: Anatomy of an Adaptive Web Design

•
Aug. 07, 2012
• 122 likes • 18,791 views
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Upcoming SlideShare
Kwl chart
Kwl chart
Loading in …3
×

Check these out next

Let's Work Together!
Brad Frost
Looking for a place to hang my helmet
Brad Frost
Style Guide Best Practices
Brad Frost
Atomic Design - An Event Apart San Diego
Brad Frost
Atomic Design - BDConf Nashville, 2013
Brad Frost
Death To Bullshit: Now With 80% More Bullshit!
Brad Frost
Atomic design
Brad Frost
Death To Bullshit
Brad Frost
1 of 133 Ad

Beyond Media Queries: Anatomy of an Adaptive Web Design

Aug. 07, 2012
• 122 likes • 18,791 views

Download to read offline

Technology

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.

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.

Technology
Advertisement

Recommended

Kwl chart
Kamlesh Joshi
235 views
1 slide
AngularJS best practices
Filip Bruun Bech-Larsen
710 views
45 slides
CSS3 Media Queries
Russ Weakley
21.9k views
91 slides
Media queries and frameworks
Nicole Ryan
2.7k views
22 slides
The Art of AngularJS in 2015
Matt Raible
43.4k views
87 slides
Css best practices style guide and tips
Chris Love
1.5k views
65 slides
AngularJS best-practices
Henry Tao
11.8k views
13 slides
AngularJS Best Practices
Betclic Everest Group Tech Team
25.8k views
80 slides
Advertisement

More Related Content

More from Brad Frost (15)

Let's Work Together!
Brad Frost
24.9k views
Looking for a place to hang my helmet
Brad Frost
20.6k views
Style Guide Best Practices
Brad Frost
106.1k views
Atomic Design - An Event Apart San Diego
Brad Frost
58.4k views
Atomic Design - BDConf Nashville, 2013
Brad Frost
50.7k views
Death To Bullshit: Now With 80% More Bullshit!
Brad Frost
138.3k views
Atomic design
Brad Frost
1.8M views
Death To Bullshit
Brad Frost
180.1k views
Beyond Squishy: The Principles of Adaptive Design
Brad Frost
116.7k views
For a Future-Friendly Web (WebVisions Chicago 2012)
Brad Frost
12.1k views
Responsive Design Vs Separate Mobile Sites: Presidential Smackdown Edition
Brad Frost
15.7k views
Beyond Media Queries: An Anatomy of an Adaptive Web Design (at Smashing Confe...
Brad Frost
7k views
For a Future-Friendly Web (Mobilism 2012)
Brad Frost
15k views
For a Future-Friendly Web
Brad Frost
32.6k views
Selling The Mobile Web
Brad Frost
13.8k views
Let's Work Together!
Brad Frost
24.9k views
196 slides
Looking for a place to hang my helmet
Brad Frost
20.6k views
82 slides
Style Guide Best Practices
Brad Frost
106.1k views
252 slides
Atomic Design - An Event Apart San Diego
Brad Frost
58.4k views
181 slides
Atomic Design - BDConf Nashville, 2013
Brad Frost
50.7k views
212 slides
Death To Bullshit: Now With 80% More Bullshit!
Brad Frost
138.3k views
222 slides

Recently uploaded (20)

Prototype submission Template43c7cf4.pdf
misharialbuhari
0 views
Fleet Management Service.pptx
ssuser075a891
3 views
Advance Website Helpdesk In odoo
Aagam infotech
0 views
PrimePress.pptx
cuong60
0 views
AT&T Slides.pptx
Ankur829275
3 views
ANS_Ch_04_Handouts.pdf
MeymunaMohammed1
0 views
ANS_Ch_05_Handouts.pdf
MeymunaMohammed1
0 views
DNS na AWS - Zero To Hero using Route 53
Wilson Rogerio Lopes
0 views
smartnotetaker-160912144256.pdf
AbhinayKammakol
0 views
IOT In Home Automation.pptx
dtdsfg
0 views
INTRODUCTION TO ICT.pptx
FernandoPrado85
0 views
Responsible AI_discussion draft.pdf
rocripit
0 views
Hardware_Installation_Combined.pptx
ssuser075a891
2 views
HUAWEI IdeaHub Configeration Guidance v1.0.pptx
helberth73
0 views
ISV Email content.pptx
Ankur829275
4 views
Root Cause Analysis.pdf
SalJones
0 views
DX and Your Future Careers
De La Salle-College of Saint Benilde
0 views
Line Detection using Hough transform .pptx
shubham loni
0 views
cloud_foundation_on_vxrail_vcf_pnp_licensing_guide.pptx
VitNguyn252054
0 views
etech-group1.pptx
ChristineMaeBasco1
0 views
Prototype submission Template43c7cf4.pdf
misharialbuhari
0 views
7 slides
Fleet Management Service.pptx
ssuser075a891
3 views
9 slides
Advance Website Helpdesk In odoo
Aagam infotech
0 views
29 slides
PrimePress.pptx
cuong60
0 views
7 slides
AT&T Slides.pptx
Ankur829275
3 views
2 slides
ANS_Ch_04_Handouts.pdf
MeymunaMohammed1
0 views
59 slides
Advertisement

Beyond Media Queries: Anatomy of an Adaptive Web Design

  1. dd
  2. B-side
  3. a
  4. dd
  5. d

×