This site uses cookies for analytics, personalized content. By continuing to browse this site, you agree to this use. Learn More

Skip to main content
Microsoft
Surface Duo
Surface Duo
  • Home
  • DevBlogs
    • Visual Studio
    • Visual Studio Code
    • Visual Studio for Mac
    • DevOps
    • Developer support
    • CSE Developer
    • Azure SDK
    • IoT
    • Command Line
    • Perf and Diagnostics
    • Dr. International
    • Notification Hubs
    • Math in Office
    • DirectX
    • PIX
    • SurfaceDuo
    • Startups
    • Sustainable Engineering
    • C++
    • Java
    • Java Blog in Chinese
    • JavaScript
    • PowerShell Community
    • PowerShell Team
    • Python
    • Q#
    • TypeScript
    • Visual Basic
    • Visual C#
    • Visual F#
    • .NET
    • ASP.NET
    • NuGet
    • Xamarin
    • #ifdef Windows
    • Apps for Windows
    • Azure Depth Platform
    • Azure Government
    • Bing Dev Center
    • Microsoft Edge Dev
    • Microsoft Azure
    • Office 365 Development
    • Old New Thing
    • Windows MIDI and Music dev
    • Windows Search Platform
    • Azure Cosmos DB
    • Azure Data Studio
    • Azure SQL
    • OData
    • Revolutions R
    • SQL Server Data Tools

    Surface Duo Blog

    Tag: css from Surface Duo Blog

    Adapting your Angular web app for dual-screen devices
    Adapting your Angular web app for dual-screen devices
    Yohan Lasorsa Yohan Lasorsa April 1, 2021 Apr 1, 2021 04/1/21
    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 ...

    0Angularcss
    Adapting your website to support new possibilities of dual-screen devices
    Adapting your website to support new possibilities of dual-screen devices
    Alexis Menard (Intel) Alexis Menard (Intel) October 15, 2020 Oct 15, 2020 10/15/20
    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 ...

    Comments are closed.0cssDual Screen Development
    Launch your dual-screen enhanced website today with Microsoft Edge Origin Trials
    Launch your dual-screen enhanced website today with Microsoft Edge Origin Trials
    Avatar Craig Dunn September 24, 2020 Sep 24, 2020 09/24/20
    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 ...

    1cssJavaScript
    Build and test dual-screen web apps
    Build and test dual-screen web apps
    Avatar Craig Dunn September 3, 2020 Sep 3, 2020 09/3/20
    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-...

    Comments are closed.0cssJavaScript
    Dual-screen web experiences preview
    Dual-screen web experiences preview
    Avatar Craig Dunn June 11, 2020 Jun 11, 2020 06/11/20
    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...

    Comments are closed.0cssJavaScript
    Relevant Links
    Top Bloggers
    Avatar

    Craig Dunn
    Principal SW Engineer

    Guy Merin

    Guy Merin
    Senior Director of Engineering

    Avatar

    Cesar Valiente
    Senior Software Engineer

    Avatar

    Joy Liu
    Senior Software Engineer

    Avatar

    John Wiese
    Principal Technical Architect

    Topics
  • Surface Duo SDK
  • Surface Duo Design
  • Stay informed

    Login
    Code Block
    What's new
    • Surface Duo
    • Surface Laptop Go
    • Surface Pro X
    • Surface Go 2
    • Surface Book 3
    • Microsoft 365
    • Windows 10 apps
    • HoloLens 2
    Microsoft Store
    • Account profile
    • Download Center
    • Microsoft Store support
    • Returns
    • Order tracking
    • Virtual workshops and training
    • Microsoft Store Promise
    • Financing
    Education
    • Microsoft in education
    • Office for students
    • Office 365 for schools
    • Deals for students & parents
    • Microsoft Azure in education
    Enterprise
    • Azure
    • AppSource
    • Automotive
    • Government
    • Healthcare
    • Manufacturing
    • Financial services
    • Retail
    Developer
    • Microsoft Visual Studio
    • Windows Dev Center
    • Developer Center
    • Microsoft developer program
    • Channel 9
    • Microsoft 365 Dev Center
    • Microsoft 365 Developer Program
    • Microsoft Garage
    Company
    • Careers
    • About Microsoft
    • Company news
    • Privacy at Microsoft
    • Investors
    • Diversity and inclusion
    • Accessibility
    • Security
    English (United States)
    • Sitemap
    • Contact Microsoft
    • Privacy
    • Manage cookies
    • Terms of use
    • Trademarks
    • Safety & eco
    • About our ads
    • © Microsoft 2021