Shards - Bootstrap4に対応したデザインテーマ
Bootstrapは有名なUIデザインフレームワークですが、先日バージョン4が正式にリリースされました。その結果、これまで使われてきた多くのテーマが使えなくなっています。3を使い続けても良いですが、徐々に情報は増えていくのでバージョン4を追いかける方が良いでしょう。 ということでテーマも新しいものに乗り換える必要があります。今回はShardsを紹介します。
Shardsの使い方
カラーリングです。
タイポグラフィ。
アイコンはマテリアルアイコンとFont Awesomeに対応しています。
フォーム。
バリデーションにも対応しています。
スライダー。
日付ピッカー。
カード。
ボタン。
プログレスバー。
ツールチップとアラート。
ナビゲーションバー。
作れるサイトのデザインデモです。
こんなスクロール型のサイトにも。
今風なデザインにも使えます。
Shardsを使えばBootstrap4を適用したサイトを格好良く仕上げることができます。Bootstrapっぽさが消えてスタイリッシュに仕上がることでしょう。今後出てくるテーマのことを考えても標準の書き方に沿ったテーマを使っておけば無難です。
ShardsはCSS製のオープンソース・ソフトウェア(MIT License)です。
DesignRevision/shards-ui: Shards is a free and modern Bootstrap 4 (final) UI toolkit.