Ce diaporama a bien été signalé.
Le téléchargement de votre SlideShare est en cours. ×

Beyond Media Queries: Anatomy of an Adaptive Web Design

•
7 août 2012
• 122 j’aime • 18 794 vues
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Prochain SlideShare
Kwl chart
Kwl chart
Chargement dans…3
×

Consultez-les par la suite

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 sur 133 Publicité

Beyond Media Queries: Anatomy of an Adaptive Web Design

7 août 2012
• 122 j’aime • 18 794 vues

Télécharger pour lire hors ligne

Technologie

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.

Technologie
Publicité

Suggestions

Kwl chart
Kamlesh Joshi
240 vues
1 diapositive
AngularJS best practices
Filip Bruun Bech-Larsen
712 vues
45 diapositives
CSS3 Media Queries
Russ Weakley
22.1k vues
91 diapositives
Media queries and frameworks
Nicole Ryan
2.7k vues
22 diapositives
The Art of AngularJS in 2015
Matt Raible
43.5k vues
87 diapositives
Css best practices style guide and tips
Chris Love
1.5k vues
65 diapositives
AngularJS best-practices
Henry Tao
11.8k vues
13 diapositives
AngularJS Best Practices
Betclic Everest Group Tech Team
25.8k vues
80 diapositives
Publicité

Plus De Contenu Connexe

Plus par Brad Frost (15)

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

Plus récents (20)

NS-CUK Seminar: V.T.Hoang, Review on "Relative Molecule Self-Attention Transf...
ssuser4b1f48
0 vues
1.2.12-1.2.16 - Human Interactions.pptx
IB DP Computer Science SL
0 vues
1.2.4-1.2.11 - System Design and Analysis.pptx
IB DP Computer Science SL
0 vues
C.1.11-1.16 - Creating the Web - Part 3.pptx
IB DP Computer Science SL
0 vues
Debunking the Big Myth About Getting Started in PM by Amazon Sr PM.pdf
Product School
0 vues
1.1.11-1.1.14 - System Backup.pptx
IB DP Computer Science SL
0 vues
4.1.4-4.1.8 - Thinking Logically.pptx
IB DP Computer Science SL
0 vues
C.2.1-C.2.5 - Searching the Web - Part 1.pptx
IB DP Computer Science SL
0 vues
4.3.6-4.3.9 - Use of Programming Languages - Part 1.pptx
IB DP Computer Science SL
0 vues
Teacher in a Digital Era-1
SandhyaEnglish
0 vues
4.3.1-4.3.5 - Nature of Programming Languages.pptx
IB DP Computer Science SL
0 vues
How to use WDM technology to expand fiber capacity.pdf
HYC Co., Ltd
0 vues
2.1.1-2.1.5 - Computer Architecture.pptx
IB DP Computer Science SL
0 vues
GrandesMentes_Library AutomationSolution.pptx
Nishant Dean
0 vues
Larry Smarr - NRP Application Drivers
Larry Smarr
0 vues
C.2.6-C.2.12 - Searching the Web - Part 2.pptx
IB DP Computer Science SL
0 vues
【DL輪読会】Decoupling Human and Camera Motion from Videos in the Wild (CVPR2023)
Deep Learning JP
0 vues
Sources Of Electrical Losses
Rohit Damodaran
0 vues
3.1.1-3.1.5 - Network Fundamentals.pptx
IB DP Computer Science SL
0 vues
Hire React Native Developer
Website Development Outsourcing
0 vues
NS-CUK Seminar: V.T.Hoang, Review on "Relative Molecule Self-Attention Transf...
ssuser4b1f48
0 vues
13 diapositives
1.2.12-1.2.16 - Human Interactions.pptx
IB DP Computer Science SL
0 vues
23 diapositives
1.2.4-1.2.11 - System Design and Analysis.pptx
IB DP Computer Science SL
0 vues
29 diapositives
C.1.11-1.16 - Creating the Web - Part 3.pptx
IB DP Computer Science SL
0 vues
15 diapositives
Debunking the Big Myth About Getting Started in PM by Amazon Sr PM.pdf
Product School
0 vues
33 diapositives
1.1.11-1.1.14 - System Backup.pptx
IB DP Computer Science SL
0 vues
14 diapositives
Publicité

Beyond Media Queries: Anatomy of an Adaptive Web Design

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

×