JavaScript: 軽量、無依存で、画面上で小窓たちを扱えるWinBox.js

WinBox.js

モダンなWeb用ウィンドウマネージャ：軽量、優れたパフォーマンス、依存関係なし、完全にカスタマイズ可能、オープンソース

(公式説明をDeepL翻訳) だというWinBoxというjs、まだ若いもののようだが触ってみた。

GitHub: https://github.com/nextapps-de/winbox

例えばURLセットして開くならこれだけ。

var winbox = new WinBox("Custom Color and Open URL");
winbox.setBackground("#ff005d");
winbox.setUrl("https://e99h2121.github.io/")

こんな雑なこともできる。

var winbox = new WinBox("Custom Color and Open URL");
winbox.setBackground("#ff005d");
winbox.body.innerHTML = "<h1>HTMLを入れられる。</h1><h2>世の中には、</h2><h3>便利なものを作る人がいますね..</h3>";

See the Pen GRrzXoo by kachibito (@kachibito) on CodePen.

See the Pen Trying Winbox by YAMADA Nobuko (@e99h2121) on CodePen.

参考記事

見栄えが超簡単に楽しくなった。
以上簡単なメモですが参考になればさいわいです。