UI をぱぱっと作る方法 — Tailiwind CSS でプロトタイプから完成形までWeb サービスを作ってると、CSS フレームワークの部品ではすぐに足りなくなります。次のようなクリックしてへこむ 3D ボタンが必要になったとしましょう。 最初に考えるのは、すでにあるボタンを拡張する方法です。Bootstrap とか Bulma など、使っている CSS フレームワークのソースコードを調べ、ボタンのスタイルを上書きする CSS を当てます。これは !important だらけの汚いものになりがちです。 部品を自分で作るには?もうひとつの方法は、イチから自分で作る方法です。ボタン用の新しい CSS クラスを書き、ボタンを 3D にしたり、クリックしたときにへこませたりします。でも CSS で面倒くさいのは、何をするにもまず名前を付けなければいけないところです。ボタンのクラス名を考えて、クラス名.scss ファイルを作り、そしたらコンパイルが走り、微調整のたびにまたコンパイ
