Beyond Media Queries: Anatomy of an Adaptive Web Design

•

122 j'aime•18,813 vues

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

Recommandé

Kwl chartKamlesh Joshi

AngularJS best practicesFilip Bruun Bech-Larsen

CSS3 Media QueriesRuss Weakley

Media queries and frameworksNicole Ryan

The Art of AngularJS in 2015Matt Raible

Css best practices style guide and tipsChris Love

AngularJS best-practicesHenry Tao

AngularJS Best PracticesBetclic Everest Group Tech Team

Recommandé

Kwl chartKamlesh Joshi

AngularJS best practicesFilip Bruun Bech-Larsen

CSS3 Media QueriesRuss Weakley

Media queries and frameworksNicole Ryan

The Art of AngularJS in 2015Matt Raible

Css best practices style guide and tipsChris Love

AngularJS best-practicesHenry Tao

AngularJS Best PracticesBetclic Everest Group Tech Team

Let's Work Together!Brad Frost

Looking for a place to hang my helmetBrad Frost

Style Guide Best PracticesBrad Frost

Atomic Design - An Event Apart San DiegoBrad Frost

Atomic Design - BDConf Nashville, 2013Brad Frost

Death To Bullshit: Now With 80% More Bullshit!Brad Frost

Atomic designBrad Frost

Death To BullshitBrad Frost

Beyond Squishy: The Principles of Adaptive DesignBrad Frost

For a Future-Friendly Web (WebVisions Chicago 2012)Brad Frost

Responsive Design Vs Separate Mobile Sites: Presidential Smackdown EditionBrad Frost

Beyond Media Queries: An Anatomy of an Adaptive Web Design (at Smashing Confe...Brad Frost

For a Future-Friendly Web (Mobilism 2012)Brad Frost

For a Future-Friendly WebBrad Frost

Selling The Mobile WebBrad Frost

Advantages of Hiring UIUX Design Service Providers for Your BusinessPixlogix Infotech

Tata AIG General Insurance Company - Insurer Innovation Award 2024The Digital Insurer

Apidays New York 2024 - The value of a flexible API Management solution for O...apidays

Powerful Google developer tools for immediate impact! (2023-24 C)wesley chun

🐬 The future of MySQL is Postgres 🐘RTylerCroy

How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes

Exploring the Future Potential of AI-Enabled Smartphone Processorsdebabhi2

Contenu connexe

Plus de Brad Frost

Let's Work Together!Brad Frost

Looking for a place to hang my helmetBrad Frost

Style Guide Best PracticesBrad Frost

Atomic Design - An Event Apart San DiegoBrad Frost

Atomic Design - BDConf Nashville, 2013Brad Frost

Death To Bullshit: Now With 80% More Bullshit!Brad Frost

Atomic designBrad Frost

Death To BullshitBrad Frost

Beyond Squishy: The Principles of Adaptive DesignBrad Frost

For a Future-Friendly Web (WebVisions Chicago 2012)Brad Frost

Responsive Design Vs Separate Mobile Sites: Presidential Smackdown EditionBrad Frost

Beyond Media Queries: An Anatomy of an Adaptive Web Design (at Smashing Confe...Brad Frost

For a Future-Friendly Web (Mobilism 2012)Brad Frost

For a Future-Friendly WebBrad Frost

Selling The Mobile WebBrad Frost

Plus de Brad Frost (15)

Let's Work Together!

Looking for a place to hang my helmet

Style Guide Best Practices

Atomic Design - An Event Apart San Diego

Atomic Design - BDConf Nashville, 2013

Death To Bullshit: Now With 80% More Bullshit!

Atomic design

Death To Bullshit

Beyond Squishy: The Principles of Adaptive Design

For a Future-Friendly Web (WebVisions Chicago 2012)

Responsive Design Vs Separate Mobile Sites: Presidential Smackdown Edition

Beyond Media Queries: An Anatomy of an Adaptive Web Design (at Smashing Confe...

For a Future-Friendly Web (Mobilism 2012)

For a Future-Friendly Web

Selling The Mobile Web

Dernier

Advantages of Hiring UIUX Design Service Providers for Your BusinessPixlogix Infotech

Tata AIG General Insurance Company - Insurer Innovation Award 2024The Digital Insurer

Apidays New York 2024 - The value of a flexible API Management solution for O...apidays

Powerful Google developer tools for immediate impact! (2023-24 C)wesley chun

🐬 The future of MySQL is Postgres 🐘RTylerCroy

How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes

Exploring the Future Potential of AI-Enabled Smartphone Processorsdebabhi2

Boost PC performance: How more available memory can improve productivityPrincipled Technologies

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024The Digital Insurer

Histor y of HAM Radio presentation slidevu2urc

04-2024-HHUG-Sales-and-Marketing-Alignment.pptxHampshireHUG

TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc

GenCyber Cyber Security Day PresentationMichael W. Hawkins

A Domino Admins Adventures (Engage 2024)Gabriella Davis

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProduct Anonymous

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoffsammart93

Real Time Object Detection Using Open CVKhem

From Event to Action: Accelerate Your Decision Making with Real-Time AutomationSafe Software

2024: Domino Containers - The Next Step. News from the Domino Container commu...Martijn de Jong

AWS Community Day CPH - Three problems of TerraformAndrey Devyatkin

Dernier (20)

Advantages of Hiring UIUX Design Service Providers for Your Business

Tata AIG General Insurance Company - Insurer Innovation Award 2024

Apidays New York 2024 - The value of a flexible API Management solution for O...

Powerful Google developer tools for immediate impact! (2023-24 C)

🐬 The future of MySQL is Postgres 🐘

How to Troubleshoot Apps for the Modern Connected Worker

Exploring the Future Potential of AI-Enabled Smartphone Processors

Boost PC performance: How more available memory can improve productivity

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024

Histor y of HAM Radio presentation slide

04-2024-HHUG-Sales-and-Marketing-Alignment.pptx

TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery

GenCyber Cyber Security Day Presentation

A Domino Admins Adventures (Engage 2024)

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

Real Time Object Detection Using Open CV

From Event to Action: Accelerate Your Decision Making with Real-Time Automation

2024: Domino Containers - The Next Step. News from the Domino Container commu...

AWS Community Day CPH - Three problems of Terraform

Beyond Media Queries: Anatomy of an Adaptive Web Design

10. dd

11.

12.

13.

14.

15.

16.

17.

18.

19.

20.

21.

22. B-side

23.

24.

25.

26.

27.

28.

29.

30.

31.

32.

33.

34.

35. a

36. dd

37.

38.

39.

40.

41.

42.

43.

44.

45.

46.

47.

48.

49.

50.

51.

52.

53.

54.

55.

56.

57.

58.

59.

60.

61.

62.

63.

64.

65.

66.

67.

68.

69.

70.

71.

72.

73.

74.

75.

76.

77.

78.

79.

80.

81.

82.

83.

84.

85.

86.

87.

88.

89.

90.

91.

92.

93.

94.

95.

96.

97.

98.

99.

100.

101.

102.

103.

104.

105.

106.

107.

108.

109.

110.

111.

112.

113.

114.

115.

116.

117.

118.

119.

120.

121.

122.

123.

124.

125.

126.

127.

128.

129.

130.

131.

132.

133. d