توسعه فرانت‌اند

Tailwind CSS: نکات و ترفندهای پیشرفته

Tailwind CSS فراتر از utility classes ساده است. تکنیک‌های پیشرفته آن بهره‌وری شما را چند برابر می‌کند.

1404/11/02 1 دقیقه مطالعه 2,436 بازدید

Tailwind CSS فراتر از utility classes ساده است. تکنیک‌های پیشرفته آن بهره‌وری شما را چند برابر می‌کند.

تکنیک‌های پیشرفته

Arbitrary values، Group/Peer modifiers، @apply ترکیبی و ساخت پلاگین سفارشی.

  • Arbitrary: w-[calc(100%-2rem)]
  • Group hover: group-hover:bg-blue
  • Peer: peer-invalid:text-red

بهینه‌سازی

PurgeCSS خودکار، JIT mode و طراحی سیستم توکن با Tailwind config.

جمع‌بندی

Tailwind ابزار فوق‌العاده‌ای است. مسلط شدن بر آن سرعت توسعه را ۳ برابر می‌کند.

واکنش به این مقاله

اشتراک‌گذاری این مقاله:
دیدگاه‌ها 0
۰ / ۲۰۰۰

هنوز دیدگاهی ثبت نشده

اولین نفری باشید که نظر می‌دهد!