Microsoft Edge: Building Progressive Web Apps for the sidebar

on YouTube ↗09m

" summary

Add an edge_site_panel manifest entry and set display to browser to target the Microsoft Edge sidebar; Instagram needed one line and the PWA immediately appears, keeps notifications and updates with no extra code. Apps should support 376 pixels minimum width (or set preferredWidth), use responsive layouts, and detect the sidebar via a desktop user agent client hint to serve a narrow UI. Feature is Edge-only today with a public explainer and store discovery.

AI-written summary · about

" chapters (4)

1. 0:00Introduction
2. 1:10The sidebar
3. 2:10Building a sidebar app
4. 3:50Demo

" related talks

• 38mBuilding Progressive Web Apps and Publishing in the App StoresAlan Mendelevich · DevDays Europe 2019
• 23mBuilding a Progressive Web AppKirupa Chinnathambi · Front-Trends 2017
• 46mIntro to Progressive Web AppsKyle Paul · DevFestMN 2018
• 49mIntro To Progressive Web AppsChris Lorenzo · LambdaConf 2024
• 26m"Intro to Progressive Web Apps"Chris Lorenzo · Frontrunners 2023
• 39mDesigning great progressive web appsNicole Saidy · NDC Oslo 2017
• 43mProgressive Web Apps - the Return of the Web?Christian Heilmann · GOTO Copenhagen 2016
• 50mThe (Awesome) Future of Web AppsJad Joubran · NDC Sydney 2017