パソコンサポートの00H ～社長BLOG～

TailwindCSS ってご存知ですか？

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

今私が触っている Laravel でも利用されている
CSS のためのフレームワークなんですが、
やっぱり好みが出るようですね。

class に m-4 とか p-8 とかで指定していって
Web のデザインをするのですが、
これって VS Code とかを使う前提じゃないと
とにかくメチャクチャ大変…。
ちなみに先程の m-4 は margin:1rem; 、
p-8 は padding:2rem; を指定したのと同義、
他にも pt-4 とか ml-8 とか border とか absolute とか
flex とか font-bold とか色々あるのですが、
要は必要な CSS の要素を個別にすべてのタグに記入していくという方法。

たしかにクラス名を考えずにすむとかメリットはありそうですが、
とにかくコードが長くなって見づらさが半端ない…
かなり好みが分かれそうです。
コードなんか見ねぇよ…という方には
あまり関係がないかもしれませんが…

ちなみにやはりある程度は覚える必要があるのですが、
めんどくさい方はいかにチートシート（早見表）がありますので
参考にしてみてください。

Tailwind CSS Cheat Sheet

あ、昨日の続き…
さっそうと一人と二妖怪の前に現れたのは
スキンヘッドにグラサンをかけたヤバそうな御仁…
『おめぇら、なにやってんだ！』『あ！これは三蔵の親分！』
衝撃の展開にインボイスを考えた連中が腰を抜かす !!
そして譫言（うわごと）のようにつぶやく…
『カバディ、カバディ、カバディ、カバディ……』効果がないっ !! …六マス戻る
それではまた次回の講釈で