Skip to content

Latest commit

 

History

History
 
 

1DIV

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
dist
dist
 
 
src
src
 
 
.gitignore
.gitignore
 
 
README.md
README.md
 
 
package-lock.json
package-lock.json
 
 
package.json
package.json
 
 
webpack.config.js
webpack.config.js
 
 

README.md

1DIV - A Window Controls Overlay demo

➡️ Open the 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.

Requirements

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.

Building locally

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:

  • npm install,
  • and then npm run build.