Next.jsとTailwind CSSを設定し、globals.cssに設定時に 以下の警告が出ます。 使用上は問題ありませんが、不要なエラーは、解消します。 先ず、「Tailwind CSS IntelliSense」がVS Codeにインストールします。 Tailwind CSS IntelliSense - Visual Studio Marketplace Extension for ...

Tailwind CSS を使っているとクラス名が長くなりがち…。 毎回順番を気にして並べるのは面倒ですよね。 prettier-plugin-tailwindcss はとても便利ですが、以下のようにclassNameをリテラル（テンプレートリテラルやオブジェクトの中）で定義している場合は並び替えが ...

簡単にすばやく表示できる、Tailwind CSSのチートシートを紹介します。Chromeの機能拡張で、ツールバーから1クリックでチートシートを表示できます。 チートシートは、Tailwind CSS v.3対応。Tailwind CSSの各クラスセレクタとそのプロパティと値が一覧でき、コピペ ...

デベロッパーツールでTailwind CSSの各セレクタに対応したプロパティや値を実装・デバッグできるChromeデベロッパーツールの機能拡張を紹介します。 .m-1や.p-1といったセレクタをはじめ、:smや:lgなどレスポンシブ用のプレフィックスもサポートされています。