Tailwind CSS
Özgün tasarımları hızlı ve tutarlı biçimde kurmayı sağlayan utility-first CSS framework'ü.
Tailwind CSS, Tailwind Labs tarafından 2017'de oluşturulan ve MIT lisansıyla dağıtılan utility-first bir CSS framework'üdür. Hazır bileşenler yerine, sayfaları doğrudan HTML içinde biçimlendirmeye yarayan tek amaçlı küçük sınıflar sunar.
Tailwind CSS, web sayfalarını biçimlendirmek için kullanılan bir CSS framework'üdür (hazır stil araç seti). 2017'de Adam Wathan ve Tailwind Labs ekibi tarafından oluşturuldu; MIT lisansıyla ücretsiz ve açık kaynak olarak dağıtılıyor. Hazır buton ve menü şablonları vermek yerine binlerce küçük utility sınıf sunar: örneğin p-4 boşluk ekler, text-center metni ortalar.
Utility-first, tasarımın büyük hazır bloklarla değil, tek amaçlı küçük sınıfların birleşimiyle kurulması demektir. Geliştirici ayrı CSS dosyaları yazmak yerine stilleri doğrudan HTML içinde tanımlar. Bu, değişiklikleri hızlandırır ve bir stili düzenlerken başka bir sayfayı fark etmeden bozma korkusunu ortadan kaldırır.
Tailwind'e yönelik en yaygın eleştiri HTML'i kirletmesidir: tek bir elemanda on ve üzeri sınıf adı görülebilir. Savunucular ise tüm stil bilgisinin tek yerde, elemanın üzerinde görünür olduğunu ve ayrı dosyalarda arama gerekmediğini söyler. Performans tarafında JIT motoru (just-in-time - yalnızca gerçekten kullanılan stilleri üretir) sayesinde nihai CSS dosyası genellikle yalnızca birkaç kilobayt olur.
Modern sürümlerinde, özellikle v4'te, Tailwind yeniden yazılmış çok daha hızlı bir motora ve CSS içinden yapılandırma imkânına kavuştu; ayrı bir JavaScript yapılandırma dosyasına ihtiyaç azaldı. Renk, boşluk ve yazı tipi değerleri merkezi token'lar olarak tanımlandığı için framework tasarım sistemleri kurmaya çok uygundur. Ayrıca shadcn/ui, Headless UI ve daisyUI gibi popüler bileşen kütüphaneleri Tailwind üzerine inşa edilmiştir.
Sık sorulan sorular
Tailwind CSS, web sitelerini ve uygulamaları biçimlendirmek için kullanılan utility-first bir CSS framework'üdür. Hazır butonlar yerine boşluk, renk ve yazı tipi gibi tek amaçlı küçük sınıflar sunar; tasarım bu parçaların birleşimiyle kurulur. 2017'de Tailwind Labs tarafından geliştirildi ve bugün en yaygın CSS araçlarından biridir.
