Simple UI - 学習コストの低いシンプルなUIフレームワーク
Bootstrapはとても便利に使えるUIフレームワークですが、多機能になるにつれて設定するクラスや作法が増えていきます。バージョンアップも早いので追従するのが大変です。 今回はもっとシンプルに使えるUIフレームワーク、その名もSimple UIを紹介します。
Simple UIの使い方
Simple UIはあまりクラス設定が多くないフレームワークとなっています。まずはタイポグラフィ。
![]()
グリッド。
![]()
ボタン。
![]()
フォーム。
![]()
テーブル。
![]()
ナビゲーション。
![]()
カード。
![]()
クラス設定が少なければ学習コストは下がります。最初のモックアップやプロトタイプをいい感じに仕上げるのに良さそうです。ただしデフォルトのタグにスタイル設定がされていますので、カスタマイズしようと思った時には影響範囲が大きくなる可能性があります。
Simple UIはHTML5/CSS3製のオープンソース・ソフトウェア(MIT License)です。
Simple UI fengyuanchen/simpleui: A simple UI framework for building simple web projects.