ITエンジニア/デザイナ向けにオープンソースを毎日紹介

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

 

MOONGIFTの関連記事

コメント

  • MOONGIFTプレミアム
  • Mobile Touch