· Admin

Tailwind CSS 4: Utility-First CSS'in Evrimi

Tailwind CSS, utility-first yaklaşımıyla CSS yazma şeklimizi tamamen değiştirdi. Versiyon 4 ile bu devrim devam ediyor.

Neden Tailwind?

Bootstrap ile yıllarca çalıştıktan sonra Tailwind'a geçtiğimde ilk başta garip gelmişti. Ama birkaç proje sonra geri dönmek istemedim:

  • Sıfır Unused CSS: PurgeCSS ile sadece kullandığınız class'lar bundle'a dahil
  • Design System: Tutarlı spacing, color ve typography
  • Dark Mode: dark: prefix ile kolay dark mode
  • Responsive: sm:, md:, lg: breakpoint'ler

Tailwind 4 Yenilikleri

CSS-first konfigürasyon, daha hızlı build time ve yeni utility class'lar. Artık tailwind.config.js yerine doğrudan CSS dosyasında konfigürasyon yapabilirsiniz.