作記録

記憶代わり

個人的なCSSフレームワークの使い分け

以下、全て個人的な使い分けと感想。

画面設計書をHTMLとCSSで書く場合、 Buluma を使うと良さそう。
画面設計書としてのHTMLとCSSの目的は、WEBブラウザで実際のデータの動きや画面の本質的な動きを自分やデザイナーやお客さんに見せる事である。
よって、あまりデザインにこだわらず、綺麗なレイアウトを簡単に作れそうな Buluma が良さそう。
MVP.css だとデザインが微妙すぎる感がある。

Bulma: Free, open source, and modern CSS framework based on Flexbox

画面設計書からデザインなどが完成した後は、Tailwind CSS を使うと良さそう。
この時点でのHTMLとCSSの目的は、WEBブラウザにユーザーのインターフェースを作成する事である。
デザイナーがデザインしたユーザーインターフェースになるように細かいCSSの設定が必要になる。
ここでクラス名などを独自で作っていると、他のプロジェクトなどをやるとクラス名からスタイルのイメージが湧かなくなる。
一方でCSSフレームワークを使うと、細かいデザインがしにくくなる。
こうった事情を鑑みた結果、Tailwind CSS が良さそう。

Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.