ITエンジニア/デザイナ向けにオープンソースを毎日紹介

Webアプリケーションが次々と登場しており、複雑な画面を持ったものも増えています。Gmailなどはメールは個別のウィンドウで作成でき、複数のメールを開いて編集できます。こうしたウィンドウ管理がWebアプリケーションのレベルを引き上げることでしょう。

今回紹介するWinBox.jsはWeb向けのウィンドウ管理ライブラリになります。

WinBox.jsの使い方

ウィンドウを開いたところです。

ウィンドウ内での最大化。デスクトップ全体の最大化もできます。

最小化すると、ウィンドウ下に張り付きます。

色をカスタマイズした表示。

モーダル。

URLを指定して外部サイトの表示も可能です。

プログラマブルな制御もできます。

WinBox.jsはWebアプリケーションの中でウィンドウを開いてユーザに操作させるのに利用できます。OSのような複雑なUIを持った仕組みも実現できるでしょう。認証ダイアログのような簡易的な利用も可能です。

WinBox.jsはJavaScript製のオープンソース・ソフトウェア(Apache Licnese 2.0)です。

WinBox.js – Modern HTML5 Window Manager

nextapps-de/winbox: WinBox is a professional HTML5 window manager for the web: lightweight, outstanding performance, no dependencies, fully customizable, open source!

 

MOONGIFTの関連記事

  • DevRel
  • Com2