Surface Duo Design Kit update

Mehul Shah June 10, 2021 Jun 10, 2021 06/10/21

Hello designers, Today we are excited to share you with an update to the Design Kit for the Microsoft Surface Duo that’s available on Figma for download. The latest update to our Design Kit version 0.4 includes: In this blog post we want to highlight details of the guidelines, principles, and...

A new angle on Flutter

Andrei Diaconu June 3, 2021 Jun 3, 2021 06/3/21

Hello Flutter developers! Today we are taking a closer look at the hinge on Microsoft Surface Duo and other foldable devices. The hinge holds the two parts of the device together, but it also has a sensor inside which tells us about the angle between the two screens. Figure 1: Surface Duo Hinge in action Hinge angle vs ...

Ask the Experts at Microsoft Build

Hakon Strande May 28, 2021 May 28, 2021 05/28/21

Hello developers! Thank you to everyone who joined us at Microsoft Build this week. There was a lot of amazing announcements across the company, but for the Surface Duo Developer Experience team the highlight was sharing the latest info on building and enhancing your apps for dual-screens, and “meeting” everyone who attended the...

Surface Duo at Microsoft Build

Guy Merin May 25, 2021 May 25, 2021 05/25/21

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 ...

Foldables at Google I/O

Cesar Valiente May 20, 2021 May 20, 2021 05/20/21

Hello Android developers! You've probably seen some of the awesome announcements made this week at Google I/O, a virtual event that brought the Google developer community together. This post covers some of our favorites, from sessions like What’s new in foldables, tablets, and large screens, and Prepare your app for large screens...

Foldable SlidingPaneLayout

Cesar Valiente May 13, 2021 May 13, 2021 05/13/21

Hello Android developers! Last week Google announced an update to the SlidingPaneLayout component preview, which is being enhanced for dual-screen and foldable devices. As an intro note, the previous version of this component (1.2.0-alpha01) was the first version to include foldable support. In this new version (1.2.0-...

Creating beautiful dual-screen Xamarin.Forms apps

Craig Dunn May 6, 2021 May 6, 2021 05/6/21

Hello .NET developers! The blog has previously featured tips for bringing Xamarin apps to Surface Duo and Microsoft Learn training to help enhance Xamarin apps. In this post we’ll discuss changes to animated layouts in a Xamarin.Forms app to adapt them for Microsoft Surface Duo. Adapt a design for Xamarin The sample project ...

Join us live on Twitch (and YouTube)

Craig Dunn April 29, 2021 Apr 29, 2021 04/29/21

Hello dual-screen and foldable device developers, Those of you following us on Twitter will have noticed in recent weeks that we’ve been inviting you to join a livestream each Friday (11am Pacific; 2pm Eastern; 8pm in Europe). We just recently celebrated 12 episodes over the past three months! If you haven’t joined us yet...

Ensuring code quality with CI/CD

Cesar Valiente April 22, 2021 Apr 22, 2021 04/22/21

Hello Android developers, One of the best ways for us to help you enhance your apps is with samples, and it’s important that our samples are high quality and work as intended. Building dual-screen libraries and samples As you may already know, specifically for Android development (through its SDK and using Kotlin/Java...

Build and deploy dual-screen progressive web apps

Justin Willis April 15, 2021 Apr 15, 2021 04/15/21

Hello web developers, We've posted previously about using dual-screen media queries and JavaScript to adapt web apps for Microsoft Surface Duo. Today’s post is about how you can use those dual-screen capabilities in your progressive web app (PWA) and deploy to both the Google Play Store AND the Microsoft Store using PWABuilder! We...