2023年11月18日(土曜日)
TailwindCSS
Category: ホームページ制作 | Posted By ackie at 23:59:10TailwindCSS ってご存知ですか?
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 の要素を個別にすべてのタグに記入していくという方法。
たしかにクラス名を考えずにすむとかメリットはありそうですが、
とにかくコードが長くなって見づらさが半端ない…
かなり好みが分かれそうです。
コードなんか見ねぇよ…という方には
あまり関係がないかもしれませんが…
ちなみにやはりある程度は覚える必要があるのですが、
めんどくさい方はいかにチートシート(早見表)がありますので
参考にしてみてください。
あ、昨日の続き…
さっそうと一人と二妖怪の前に現れたのは
スキンヘッドにグラサンをかけたヤバそうな御仁…
『おめぇら、なにやってんだ!』『あ!これは三蔵の親分!』
衝撃の展開にインボイスを考えた連中が腰を抜かす !!
そして譫言のようにつぶやく…
『カバディ、カバディ、カバディ、カバディ……』効果がないっ !! …六マス戻る
それではまた次回の講釈で