1DIV - A Window Controls Overlay demo
1DIV is a demo web app where you can create CSS designs using just one HTML
div element. Your designs are saved only locally in the browser's memory. You can create as many as you want. This demo app can be installed locally as a PWA.
The main goal of this demo is to showcase the Window Controls Overlay PWA feature, so to make the most use of it, you will need the following things:
- Use a 93+ Chromium-based browser.
- Enable the Window Controls Overlay feature in about:flags (
Desktop PWA Window Controls Overlay).
The demo app also uses constructable stylesheets which are only supported in Chromium-based browsers, and on Firefox if you enable the
layout.css.constructable-stylesheets.enabled flag first.
The app is not build automatically in CI. If you make a change to a file in
src or update a dependency, you will need to build locally and commit the generated files.
To build the app locally:
- and then
npm run build.