css - Surface Duo Blog

Microsoft Edge dual-screen web APIs

March 10, 2022 Mar 10, 2022 03/10/22

Craig Dunn

Hello dual-screen web developers! Microsoft Edge version 97 included the dual-screen web APIs that have been in preview since last year. Now Microsoft Surface Duo users with the latest Edge will get an enhanced web experience automatically when sites have implemented the CSS or JavaScript dual-screen APIs. Visit the dual-screen web ...

Surface Duo at Microsoft Build

May 25, 2021 May 25, 2021 05/25/21

Guy Merin

Hello developers! Microsoft Build starts today with a keynote by Satya Nadella. The session catalog includes several Microsoft Surface sessions for developers looking to enhance their mobile applications for Surface Duo. Join the Surface Duo Developer Experience team in a mix of live and on-demand sessions that will help you build amazing ...

Adapting your Angular web app for dual-screen devices

April 1, 2021 Apr 1, 2021 04/1/21

Yohan Lasorsa

Hello web developers! Foldable and dual-screen devices are becoming increasingly more common over time, but you may wonder if investing development time to support these devices might be worth it, especially when creating fully responsive web apps is already a challenge. Using the new CSS and JavaScript primitives is a fun way to ...

Adapting your website to support new possibilities of dual-screen devices

October 15, 2020 Oct 15, 2020 10/15/20

Alexis Menard (Intel)

Hello there, fellow web developers! In an earlier blog post, we introduced the upcoming CSS @media feature primitives and the getWindowSegments() API for dual-screen and foldable devices. In this blog post, we will look at how Kenneth Rohde Christiansen and myself created and adapted our existing Foldship demo to take ...

Launch your dual-screen enhanced website today with Microsoft Edge Origin Trials

September 24, 2020 Sep 24, 2020 09/24/20

Craig Dunn

Hello dual-screen web developers! Earlier this month, we shared details on how you can build dual-screen web apps using the web APIs built-in to Microsoft Edge and Chrome. The Microsoft Edge team followed up with a more detailed explanation of the CSS and JavaScript APIs. These APIs are still in preview and require you to enable ...

Build and test dual-screen web apps

September 3, 2020 Sep 3, 2020 09/3/20

Craig Dunn

Hello dual-screen web developers! In a previous blog post, we talked about the dual-screen CSS @media primitives and the getWindowSegments() API, and how they could be tested with polyfill extensions. Now those features are built-in to Microsoft Edge and Chrome™ browser canary builds, ready for developers to begin building dual-...

Dual-screen web experiences preview

June 11, 2020 Jun 11, 2020 06/11/20

Craig Dunn

In previous posts, we’ve talked about building Android apps for Microsoft Surface Duo using Kotlin & Java, C# with Xamarin, React Native, Unity, and Flutter. Microsoft is also working hard to bring new capabilities to the web so that websites and embedded web experiences can also adapt to the Surface Duo and other dual-screen devices...

Surface Duo Blog