Severek, beğenerek kullandığım bir CSS kütüphanesini siz değerli Rokito severler ile paylaşmak istedim.

Başlamadan; çayınızı veya kahvenizi kapmanızı, arkaya chill bir müzik açmanızı tavsiye ederim. Hem öğrenelim, hem keyif yapalım.

O zaman; başlayalım başlayalım başlayalım...

Tailwind CSS Nedir?



Tailwind CSS, Adam Wathan tarafından oluşturulmuş, CSS yazmaya gerek duymayacağınız, tüm CSS özelliklerinin class olarak tanımlandığı ve JIT ile gerçek zamanlı derlemeye sahip bir CSS kütüphanesidir.

"Yazar burada ne demek istemiş?"

Sakin sakin, çok basit; örnekle devam 👇

CSS:

`<header class="header">...</header>` HTML kodu için `.header { display: flex }` olarak CSS yazarız.

Tailwind CSS:

`<header class="flex">...</header>`

Aynen; bu kadar hızlı ve basit. Basit demişken. HTML üzerinden Tailwind CSS yazarken, tüm değerleri (`flex, items-center, text-center, text-blue-600, animation, ring, vb.`) ezberlemenize, her değer için Tailwind CSS Döküman sayfasını açmanıza gerek de yok. Visual Studio Code için, Tailwind CSS IntelliSense isimli bir eklentisi mevcut. (VSCode kullanıcıları bunu şimdiden beğendi.)

Ekran görüntüsünü de bırakalım ki yeni başlayan arkadaşlar net olarak anlasın.


Bonus: Headwind (Tailwind CSS class derleyici.) + Tailwind Shades (Tailwind CSS renk paleti oluşturucu.)

Tailwind CSS'i anlatmaya Rikoto'nun konu karakter limiti yetmeyeceği ve siz Rokito severleri daha fazla sıkmamak adına Tailwind CSS sayfasından tüm özelliklerine ulaşabilirsiniz.

Yazının bundan sonrası, neden Tailwind CSS kullanılması için olacak. İlgi duyanlar kazanıyor, devam edelim.

Neden Tailwind CSS Kullanmalıyız?

Çok basit:

- İşimizi kolaylaştırıyor.
- CSS için HTML `class` tanımlama derdinden kurtarıyor. (BEM ve SMACSS bunun için yakar.)
- Gereksiz CSS oluşmasının önüne geçerek performans artışı sağlıyor.

Doğrudur Rokito severler. CSS adına yapılmış bir devrim. Bir çok "baba" diye nitelendirilen web siteleri kullanıyor ve her geçen gün kullanımı hızla artıyor.

Son

Biliyorum çayınız veya kahveniz bitti, artık saçma müzikler de çalmaya başladı. Benden bu kadar.

Merak ettiğiniz her şey için yorumlara bekliyorum. İlk günden beri biriken deneyimim sizler için hazırdır.

Unutmadan; çizimden veya geçiş yapmak isteyenler için DM açıktır.

Hoşça kalın.