Record · corpus.blog/posts/01a087a2-1377-7381-816d-a01ea7aa7a54

Building Web Layouts For Dual-Screen And Foldable Devices

smashingmagazine.com · published 12 March 2022

A record is what was published and who pointed at it. The text of the post is not held here: read it at the source, or at its Wayback capture.

Read the post at smashingmagazine.com Wayback capture

3blogs citing

First cited: 11 Feb 2021
Most recent: 11 May 2023
Rank this month: not ranked
External links: 26
Words captured: 3,574

Cited by

Blog

In the post

Date

Home - Stephanie Stimac's Blog

Designing for Dual Screen and Foldable Devices With CSS Read at the source ↗

11 May 2023

Home - Stephanie Stimac's Blog

The Web Witch's Grimoire // Week of 11 March 2022 Read at the source ↗

11 Mar 2022

Lireo Designs - Thoughts on nature, gardening, writing, and technology

March 4, 2022 Weekly Roundup of Web Design and Development News Read at the source ↗

4 Mar 2022

Melanie Richards

““What’s Next For HTML Controls?” on Smashing Podcast” on Smashing Podcast Read at the source ↗

11 Feb 2021

Links from this post

Link

Host

https://www.smashingmagazine.com/category/css

smashingmagazine.com

https://www.smashingmagazine.com/category/css-grid

smashingmagazine.com

https://www.smashingmagazine.com/category/browsers

smashingmagazine.com

https://www.smashingmagazine.com/category/responsive-web-design

smashingmagazine.com

https://archive.smashing.media/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/4d9893d6-fa37-4d0a-b331-71171c035e0b/1-horizontal-viewport.png

archive.smashing.media

https://archive.smashing.media/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/d52f0cbe-97a3-49ca-9e78-58f1d7e23ffb/2-vertical-viewport.png

archive.smashing.media

https://wicg.github.io/visual-viewport/

wicg.github.io

https://archive.smashing.media/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/76876e68-789e-45e1-ada3-a34a5af92e54/3-env-variables.png

archive.smashing.media

https://archive.smashing.media/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/0c355185-c685-42e8-9d58-1a4f62e92b15/4-calculate-hinge-width.png

archive.smashing.media

https://archive.smashing.media/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/127d4e09-f2bc-42a8-8040-cba6f4624106/5-emulate-surface-duo.png

archive.smashing.media

https://archive.smashing.media/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/f7e621a7-c1f5-4efa-92ae-a37ae4fb163b/6-emulate-surface-duo-2.png

archive.smashing.media

https://archive.smashing.media/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/b7cb8f0a-89b1-4d00-bdcc-a23b40baf974/7-recipe-layout.jpg

archive.smashing.media

https://archive.smashing.media/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/1dc695b7-96b9-4895-b45f-9e9b93a94608/8-dual-ideal-layout.jpg

archive.smashing.media

https://archive.smashing.media/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/92b01bae-f63d-4ab4-8bde-ae43a8de23d7/9-dual-screen-flex.jpg

archive.smashing.media

https://archive.smashing.media/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/13738359-57c1-4d2c-99d6-6565b5fca3ae/10-normal-site.png

archive.smashing.media

https://archive.smashing.media/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/c42a2bdd-6575-4c73-b0c2-d3c6e1e07634/11-dual-screen-site.png

archive.smashing.media

https://archive.smashing.media/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/5623a8ba-e59a-4cf7-b98b-aa9a8248acfb/12-dual-screen-site-2.png

archive.smashing.media

https://archive.smashing.media/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/23a51914-6307-4631-ab9e-abcd349c4d71/13-dual-screen-site-3.png

archive.smashing.media

https://archive.smashing.media/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/dbed9251-c987-4f41-a360-f99007c22708/14-site-reset.png

archive.smashing.media

https://archive.smashing.media/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/ce28ab33-2d90-405a-b76a-97ae229ba9c4/15-site-padding.png

archive.smashing.media

https://www.stephaniestimac.com/demos/smashing-ds-demo/

stephaniestimac.com

https://github.com/foldable-devices/viewportsegments-polyfill

github.com

https://docs.microsoft.com/en-us/dual-screen/

docs.microsoft.com

https://docs.microsoft.com/en-us/dual-screen/web/

docs.microsoft.com

https://www.w3.org/TR/mediaqueries-5/

w3.org

https://drafts.csswg.org/css-env-1/

drafts.csswg.org