Breaking Out of the Box

Patrick Brosset, writing for A List Apart, digging into the Window Controls Overlay for Progressive Web Apps: At the end of the day though, PWAs on desktop are constrained to the window they appear in: a rectangle with a title bar at the top. What if we could think outside this box, and reclaim the …


This content originally appeared on Bram.us and was authored by Bramus!

Patrick Brosset, writing for A List Apart, digging into the Window Controls Overlay for Progressive Web Apps:

At the end of the day though, PWAs on desktop are constrained to the window they appear in: a rectangle with a title bar at the top.

What if we could think outside this box, and reclaim the real estate of the app’s entire window? Doing so would give us a chance to make our apps more beautiful and feel more integrated in the operating system.

Once activated from the manifest, you get to define an app-region and can also use these Environment Variables in your CSS:

  • titlebar-area-x
  • titlebar-area-y
  • titlebar-area-width
  • titlebar-area-height

Breaking Out of the Box →
Window Controls Overlay on web.dev →


This content originally appeared on Bram.us and was authored by Bramus!


Print Share Comment Cite Upload Translate Updates
APA

Bramus! | Sciencx (2021-12-10T16:09:06+00:00) Breaking Out of the Box. Retrieved from https://www.scien.cx/2021/12/10/breaking-out-of-the-box-2/

MLA
" » Breaking Out of the Box." Bramus! | Sciencx - Friday December 10, 2021, https://www.scien.cx/2021/12/10/breaking-out-of-the-box-2/
HARVARD
Bramus! | Sciencx Friday December 10, 2021 » Breaking Out of the Box., viewed ,<https://www.scien.cx/2021/12/10/breaking-out-of-the-box-2/>
VANCOUVER
Bramus! | Sciencx - » Breaking Out of the Box. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/12/10/breaking-out-of-the-box-2/
CHICAGO
" » Breaking Out of the Box." Bramus! | Sciencx - Accessed . https://www.scien.cx/2021/12/10/breaking-out-of-the-box-2/
IEEE
" » Breaking Out of the Box." Bramus! | Sciencx [Online]. Available: https://www.scien.cx/2021/12/10/breaking-out-of-the-box-2/. [Accessed: ]
rf:citation
» Breaking Out of the Box | Bramus! | Sciencx | https://www.scien.cx/2021/12/10/breaking-out-of-the-box-2/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.