Tailwind CSS 2 günlük kullanım yorumu

Selamlar,

Geçmişte bootstrap, semantic-ui, fomantic-ui, spectre ve final olarak da bulma framework'lerini kullanmış birisiydim. Ancak özellikle bulma'daki temel bug'lar beni gerçekten yavaşlatıyordu. En basit örneği bulma'nın level yapısı gibi.

Test mekanımda tailwind css'i denemek istedim. çok fazla olumlu yorum vardı ancak ağır bir yapı olduğunu düşünüyordum. (3mb default sürüm, tabii purgecss ile bayağı bir ufalıyor ve finalde genelde 200-250 KB dolaylarına iniyor.)

Ancak 2 günlük birlikteliğimde ne kadar da kendime senelerdir eziyet ettiğimi anladım. O kadar basit ve hızlı bir geliştirme süreci sunuyor ki, gerçekten gözlerime inanamadım.

Yarattığınız içerikler özgün olduğu gibi, "bunu şimdi masaüstünde dizanlayıp, backend kodlarını bitiririm; en son mobil için bir daha geri dönerim dizayna" demem gerekmiyor. Her şeyi anında istediğim gibi dizanlayabiliyorum.

Eğer ki CSS framework arayışında kişiler var ise tavsiyem: kesinlikle arkanıza bakmayın ve tailwind CSS ile yolunuza devam edin. Bu hazzı herkes yaşamalı.

Emeğine ve tavsiyene sağlık hocam, böyle başlıklar sonrası mutlaka aklıma takılıyor ve denemek için gizli gizli bilinç altında planlar yapıyor; sonra deneyene kadar bir şey unuttum ama ne diye geziyorum ortalıkta. Bir bunalım sebebi daha verdin yani, meraktan çatlayalim diye yapıyorsun değil mi

Ahahaha, maalesef ki öyle hocam. ben de bolca yenilik denemeyi seven birisiyim. ancak css-html kısmı her zaman beni yavaşlatan taraf oldu full-stack web dev. kariyerimde. artık bunun ortadan kalktığını düşünüyorum.

ancak tabii en büyük sinir bozucu tarafı, bulma ile dizaynlanmış bir temamı şu an tailwind için tekrar kodlamam gerek. style.css ve bulma.min.css'i silince sitenin o geldiği dümdüz text halinin tekrar dizaynlanması... bunlar üzücü ancak bir o kadar da öğretici şeyler. sanırım bulma to tailwind sürecini bitirince tailwind'e tam anlamıyla hakim olacağım.

İçerisinde dark mode için bile modül barındıran bir sistem tailwind css. sitenize dark mode toggle switch eklemek için saçma sapan hack kod benzeri -- light.css'i doc.'dan kaldır ve ajax ile night.css'i yükle gibi yöntemler uygulamanıza gerek yok. dark:bg-gray-800; yazıyorum ve bitiyor. renk seçimi için kendime eziyet çektirmeme dahi gerek yok çünkü alt renklere kadar html bazında izin veriyor tailwind. uzun zamandır bu kadar haz almamıştım.

wordpress'de nasıl etkin olarak kullanacağını merak edenler: https://philkurth.com.au/articles/wo...-tailwind-css/ makalesindeki videoyu inceleyebilirler.

Utility first fikrinin urunu. Yalniz burada pek yansimasi olmaz cunku hazir component kullanmak insanlara kolay geliyor.

Ben sass ile kendi değişkenlerimi ve kütüphanemi oluşturdum. Üzerine sadece bootsraptan bana lazım olan gridi çektim. Çok fazla bir ihtiyacım olduğunu sanmıyorum genelde kendi sistemimi kullanıyorum kendi projelerimde ama merak edip bende biraz formlarda inceledim güzel duruyor. Bende bir projemde kullanmayı düşünüyorum denemek amaçlı. Teşşekkür ederim bilgilendirdiğiniz için

kesinlikle, her yerde codepen'den alınmış dizaynlar görmek üzmeye başladı.

Ben de ciddi projelerde müşteri isteğinde aynen dediğiniz gibi yapıyorum. çünkü dönüp bakınca bir framework'un sadece hizalama yani grid-flexbox'ını kullandığınızı görüyorsunuz.