Tailwind CSSをJSフレームワークと併用する場合に、運用上意識したほうがよいことを紹介します。見通しがよいコードにするために、設定を内容ごとにバランスよく切り分けていきましょう。
Tailwind CSSではHTMLに直接クラスを付与していくという使い方をしますが、CSSファイルに直接書いたほうがいい場面がいくつかあります。今回は、そのような場面でベーススタイルやコンポーネント、ユーティリティクラスに独自のスタイルを作成する方法を紹介します。
メディアクエリや擬似クラスを指定する際に利用するvariantについて解説します。デフォルトで指定される内容を知っておき、必要に応じて設定を変更しましょう。
Taiwind CSSの開発環境の構築方法とPurgeCSSの設定方法を解説します。PurgeCSSを設定せずに利用するとファイルサイズが大きくなってしまうので、注意が必要です。
CSSフレームワークのTailwind CSSを紹介します。まずはどのような特徴を持っているのか、通常のHTMLとCSSで記述した場合との違いはどのような点があるかを見てみましょう。