Breaking out of the box | A List Apart

Patrick Brosset covers a range of new(ish) web and browser APIs that allow PWAs to benefit from OS-level functionality to style and utilise more of the browser chrome. Specifically, the Windows Control Overlay API

On the new Windows Control Overlay API and what it does:

Window Controls Overlay removes the physical constraint of the title bar and window controls areas. It frees up the full height of the app window, enabling the title bar and window control buttons to be overlaid on top of the application’s web content.

On the simple yet powerful nature of these kinds of features:
In reality, this feature only gives us about 30 pixels of extra room and comes with challenges on how to deal with the window controls. And yet, this extra room and those challenges can be turned into exciting design opportunities

Explore Other Notes

Older ➡

HTML web components

An excellent look into the new trend of no-or-low-JavaScript web components, which almost operate more like HTML fragments, with graceful fallbacks to native elements. Jeremy proposes terming these …

  • <!DOCTYPE html> <html> <head> <title></title> </head> <body> <p>Patrick Brosset covers a range of new(ish) web and browser APIs that allow PWAs to benefit from OS-level&nbsp;functionality to style and utilise more of the browser chrome. Specifically, the Windows …</p> </body> </html>
  • Murray Adcock.
Journal permalink