tailwind css

tailwindcssCSS

Netflixなどにも使われているCSSのtailwind cssについて説明します。

TailwindCSSとは?

TailwindCSSは、ユーティリティクラス(utility class)を自由に組み合わせて活用し、よりオリジナリティの高いデザインのWebサイト及びWebアプリケーションを作成可能なCSSフレームワークです。

TailwindCSSのメリット/デメリット

  1. class名をその都度考える必要がない
  2. CSSファイルのサイズを小さくできる
  3. ユーティリティを組み合わせてデザインできるため、よりオリジナリティの高いデザインのWebサイト及びWebアプリケーションを作成可能
  4. テーマ・サイズ・状態等ごとにスタイルを変えられる