https://github.com/cworld1/browser-multiwin-stack

A demo program that shows effect of browser multi-window stacking
https://github.com/cworld1/browser-multiwin-stack

demo experimental html javascript

Last synced: 8 days ago
JSON representation

A demo program that shows effect of browser multi-window stacking

• Host: GitHub
• URL: https://github.com/cworld1/browser-multiwin-stack
• Owner: cworld1
• License: gpl-3.0
• Created: 2024-05-28T11:42:20.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2024-06-01T14:53:27.000Z (8 months ago)
• Last Synced: 2024-11-23T05:14:33.218Z (2 months ago)
• Topics: demo, experimental, html, javascript
• Language: HTML
• Homepage: https://cworld1.github.io/browser-multiwin-stack/
• Size: 640 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Effect of Browser Multi-Window Stacking

[![GitHub commit activity](https://img.shields.io/github/commit-activity/t/cworld1/browser-multiwin-stack?label=commits&style=flat-square)](https://github.com/cworld1/browser-multiwin-stack/commits)

[![GitHub stars](https://img.shields.io/github/stars/cworld1/browser-multiwin-stack?style=flat-square)](https://github.com/cworld1/browser-multiwin-stack/stargazers)

[![GitHub license](https://img.shields.io/github/license/cworld1/browser-multiwin-stack?style=flat-square)](https://github.com/cworld1/browser-multiwin-stack/blob/main/LICENSE)

浏览器多窗口堆叠特效

A demo program that shows effect of browser multi-window stacking, using new broswer experimental window api called `window.getScreenDetails`.

## Online demo

[Demo (Github)](https://cworld1.github.io/browser-multiwin-stack/)

## Screenshot

![screenshot](src/screenshot.png)

## Known issue

- For Firefox, it cannot work still. See [#1](https://github.com/cworld1/browser-multiwin-stack/issues/1).

## Local development

Environment requirements:

- [Python](https://www.python.org/): 3.8+

Clone the repository:

```shell

git clone https://github.com/cworld1/browser-multiwin-stack.git

```

Run the server:

```shell

cd ./browser-multiwin-stack

python ./scripts/server.py

```

Visit and test api:

- Open `http://127.0.0.1:8000/`

- Click the image

- Give the basic permissions

You can open multi windows with the same link and splice it.

## Contributions

To spend more time coding and less time fiddling with whitespace, this project uses code conventions and styles to encourage consistency. Code with a consistent style is easier (and less error-prone!) to review, maintain, and understand.

## License

This project is licensed under the GPL 3.0 License.