[JS]Webページやアプリ用のさまざまなレイアウトを簡単に実装できる便利なスクリプト -Golden Layout

Webページやアプリ用のマルチスクリーン対応の柔軟なレイアウトを簡単に実装できるjQuery, React, Angularに対応したスクリプトを紹介します。

サイトのキャプチャ

Golden Layout
Golden Layout -GitHub

Golden Layoutの特徴

Golden LayoutはjQuery, React, Angularに対応したMITライセンスのレイアウト マネージャーです。

  • ネイティブのポップアップウインドウ
  • デザインはテーマで簡単に変更可能
  • 包括的なAPI
  • パワフルな持続性
  • IE8+, Firefox, Chrome対応

Golden Layoutのデモ

デモではGolden Layoutで実装されたレイアウトのHTML, CSS, JSをカスタマイズすることもできます。

サイトのキャプチャ

Golden Layout デモページ

サイトのキャプチャ

Golden Layout デモページ: Golden Spiral

サイトのキャプチャ

Golden Layout デモページ: Synced Layout

サイトのキャプチャ

Golden Layout デモページ: Panel Scrolling

サイトのキャプチャ

Golden Layout デモページ: Slick Grid

Golden Layoutの使い方

外部ファイル

当スクリプトとスタイルシートを外部ファイルとして記述します。

テーマファイル

テーマ用のスタイルシートを加えることで、デザインを変更できます。

各レイアウトの実装方法は、下記ページをご覧ください。

サイトのキャプチャ

Golden Layout Tutorial

top of page

©2017 coliss