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

Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...apidays

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FMESafe Software

Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...apidays

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

Architecting Cloud Native ApplicationsWSO2

A Year of the Servo Reboot: Where Are We Now?Igalia

Ransomware_Q4_2023. The report. [EN].pdfOverkill Security

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

Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...apidays

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FMESafe Software

Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...apidays

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

Architecting Cloud Native ApplicationsWSO2

A Year of the Servo Reboot: Where Are We Now?Igalia

Ransomware_Q4_2023. The report. [EN].pdfOverkill Security

DBX First Quarter 2024 Investor PresentationDropbox

Connector Corner: Accelerate revenue generation using UiPath API-centric busi...DianaGray10

Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobeapidays

AXA XL - Insurer Innovation Award Americas 2024The Digital Insurer

Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot ModelDeepika Singh

Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...apidays

TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc

Apidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbuapidays

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProduct Anonymous

EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWERMadyBayot

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Miguel Araújo

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

MS Copilot expands with MS Graph connectorsNanddeep Nachan

Dernier (20)

Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME

Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...

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

Architecting Cloud Native Applications

A Year of the Servo Reboot: Where Are We Now?

Ransomware_Q4_2023. The report. [EN].pdf

DBX First Quarter 2024 Investor Presentation

Connector Corner: Accelerate revenue generation using UiPath API-centric busi...

Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe

AXA XL - Insurer Innovation Award Americas 2024

Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model

Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...

TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments

Apidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...

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

MS Copilot expands with MS Graph connectors

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