Bulma - Flexboxを使ったCSS3デザインフレームワーク
HTMLのデザインフレームワークが増えてきました。どれもコンセプトが異なるので、自分に合ったものを選択するのが大事です。 今回はBulmaというCSSフレームワークを紹介します。機能は多くありませんが、必要十分に備わっています。
Bulmaの使い方
スクリーンショットを多めに紹介します。まずは基本となるグリッドです。
ナビゲーションバー。
メディアのカード表示。
各種ボタン。
フォーム。
Bulmaは機能があまり多くないので、外部のライブラリと組み合わせて使うことになるでしょう。ベースにFlexboxというレイアウト法を採用しているとのことです。
BulmaはCSS3製のオープンソース・ソフトウェア(MIT License)です。
Bulma: a modern CSS framework based on Flexbox jgthms/bulma: Modern CSS framework based on Flexbox