➡️ Open the demo ⬅️
1DIV is a CSS editor that lets you create drawings by applying CSS code to a single HTML element. Your drawings are saved locally in the browser only. 1DIV can be installed locally as a Progressive Web App (PWA).
1DIV uses the following features:
| Feature | Description | Documentation |
|---|---|---|
| Window Controls Overlay | 1DIV uses the space normally reserved by the title bar to display a logo, search field, and button. | Display content in the title bar area using Window Controls Overlay |
This demo showcases the Window Controls Overlay (WCO) PWA feature. For instructions, see Demo app in Display content in the title bar area using Window Controls Overlay. To make the most of this demo, view it in a browser that's based on the Chromium engine, such as Microsoft Edge.
The demo app also demonstrates using constructable stylesheets. Constructable stylesheets are supported in the following web browsers:
- Browsers that are based on the Chromium engine, such as Microsoft Edge.
- Firefox, by enabling the
layout.css.constructable-stylesheets.enabledflag.
To run this demo app as-is, you don't need to build it.
If you make a change to a file in the src directory of this demo app, or update a dependency, you must build the app locally, and then commit the generated files. This demo app is not built automatically using Continuous Integration (CI).
To build this demo app locally, at a command prompt such as Windows Terminal, run the following commands in the present directory:
npm install
npm run build