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

Bootstrapは非常に高機能で便利なフレームワークですが、多機能故にカスタマイズがしづらくなっています。自由自在に見た目を変更しつつ、全体の統一感を保つのは至難の業でしょう。そこまでするなら自分でイチから書く方が楽というデザイナーの方は多いはずです。

SkyBlueはBootstrap対抗という訳ではありません。ただBootstrapはあまにも重たいと感じる人にミニマムですぐに使えるフレームワークを目指しています。

SkyBlueの使い方

スクリーンショット多めで紹介します。

グリッド。ネスト対応です。
グリッド。ネスト対応です。

タイポグラフィ。
タイポグラフィ。

引用とコード。
引用とコード。

テーブル。
テーブル。

フォーム。
フォーム。

ボタン。
ボタン。

アイコン。Great Stroke Iconsから。
アイコン。Great Stroke Iconsから。

音量などのアイコン。
音量などのアイコン。

メール、ゲーム、ロックアイコンなど。
メール、ゲーム、ロックアイコンなど。

SkyBlueは幾つかのWebサイトにおいて既に実際に使われているとのことです。Sassスタイルでも提供されていますので、メンテナンスはしやすそうです。機能もそれほど多くないので、SkyBlueをベースにカスタマイズしてサイトに使ってみてはいかがでしょう。

SkyBlueはHTML5/CSS3のオープンソース・ソフトウェア(MIT License)です。

SkyBlue CSS Framework

Stanko/skyblue

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2