Bulma - Flexboxを使ったCSS3デザインフレームワーク // MOONGIFT Archived

HTMLのデザインフレームワークが増えてきました。どれもコンセプトが異なるので、自分に合ったものを選択するのが大事です。今回はBulmaというCSSフレームワークを紹介します。機能は多くありませんが、必要十分に備わっています。

Bulmaの使い方

スクリーンショットを多めに紹介します。まずは基本となるグリッドです。

ナビゲーションバー。

メディアのカード表示。

各種ボタン。

フォーム。

Bulmaは機能があまり多くないので、外部のライブラリと組み合わせて使うことになるでしょう。ベースにFlexboxというレイアウト法を採用しているとのことです。

BulmaはCSS3製のオープンソース・ソフトウェア（MIT License）です。