Tailwind CSSを導入したものの、「結局どうやってUIを組めばいいの？」と手が止まっていませんか？ 公式ドキュメントを開くとクラスが大量に並んでいて、「p-4？flex？md:？……どれをどう使えば、ちゃんとした…
続きを読むTailwind CSSの使い方【初心者向け】レイアウト・カードUI・レスポンシブまで実践解説
デザイン
RailsにTailwind CSS v4を導入する方法【tailwindcss-rails / Rails 7・8対応】
RailsアプリにTailwind CSS v4を導入する手順を、最短でまとめます。「RailsにTailwindを入れたいけれど、v4になって情報が錯綜していて、どれが正解か分からない」という方向けの記事です。 この記…
続きを読むTailwind CSSのgroup-hover完全解説｜ネスト（入れ子）する方法も紹介
Tailwind CSSの group-hover は、親要素にマウスを乗せたときに子要素のスタイルを変えられる便利な機能です。ですが、いざ使おうとすると「group-hoverが効かない」「group が複数あるときに…
続きを読む