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

黄金比はご存じでしょうか。彫刻や絵画、さらにAppleの製品などでも使われている最も美しいと言われる比率のことです。縦横のバランスだけでなく、配置なども黄金比に沿っておくことで美しく仕上がると言われています。

そんな黄金比に沿ったサイトを簡単に作れるのがGOLD Bootstrapです。そう、Bootstrapで作ったサイトを黄金比にしてくれます。

GOLD Bootstrapの使い方

GOLD Bootstrapのデモです。なんとなく黄金っぽいテーマなのが面白いですね。

グリッドの指定法です。

ナビゲーションバーとボタン。

タイポグラフィ。

テーブル。

フォーム。

タブなど。

アラート、プログレスバー。

リスト、パネルなど。

GOLD Bootstrapは基本的にグリッドに関して独自の変更を施しているようで、コンポーネント系は標準のBootstrapと変わりません。すでにBootstrapベースで作成したサイトがあれば、GOLD Bootstrapを使うとバシッと締まるかも知れませんね。

GOLD BootstrapはCSS3製、Apache License 2.0のオープンソース・ソフトウェアです。

GOLD Bootstrap 3.3.5 - Front-End HTML/CSS Web Framework

iamkevinrhodes/goldbootstrap

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2