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.