Tailwind CSS -1 / Giriş (Kurulum, JIT, Purge, Örnek Kullanım)

[@PROTOTURKCOM]

Tailwind ile ilgili düşüncelerinizi yazmayı unutmayın. Ayrıca hatırlatmaya gerek var mı? Günde 1 kere :) seviliyorsunuz

[@amtdmr12]

Tam da bir proje için kullanacaktım bu seri bana çok yararlı olacaktır çok teşekkür ederim ellerinize sağlık hocam

[@yahyafurkanklcoglu7939]

Valla ilk görüşte hoş duruyor. Biraz alışkanlık kazanılması gerekiyor gibi duruyor sadece onun dışında mükemmel. Laravel eğitimi çekeceğim demiştiniz orada da kullanırsanız eğer pratik açısından bizim için çok iyi olabilir.

[@erdemsandkc2501]

Uzun süre Bootstrap 4 kullandım ve gayet iyi bir araçtı fakat Tailwind css muhteşem birşey özgürlükle kolaylığı harmanlamışlar. Nasıl ki Javascriptin Jquery'si , Php'nin Laraveli varsa artık Css'in de Tailwind'i var.

[@twitchizle]

Html in

[@Hurby24]

@@twitchizle tailwind css frameworku

[@turhansel]

2-3 aydır kullanıyorum. Oldukça kullanışlı olduğunu düşünüyorum. Senden de böyle bir seri gelmesi beni çok sevindirdi. Eline, ağzına sağlık abi 🤩

[@truth-is-only-one]

Bende bu 2 gündür tailwind classlarini inceliyordum, büyük ihtimal ile bootsrap terk edip tailwind kullanacam. Ben şahsen çok sevdim. Video için de teşekkürler Tayfun hocam.

[@osmantalayhan]

Mükemmel bir anlatım Tayfun Hocam, devamı gelmeli.

[@XARONN]

Şükür bu videoyu çekene, uzun zamandır bekliyordum, bugüne kadar kullandıklarımın en iyisi diyebilirim, ciddi anlamda hak ediyor mükemmel bir iş çıkartmışlar.

[@orhunefe1293]

Daha önce belirten oldu mu bilmiyorum lakin, bu 3 videodan oluşan Tailwind-CSS dersleri için bir oynatma listesi oluşturabilir. Zira bu derslerinizi, başka bir dersinizde tamamen şansa bulmuş bulunmaktayım. İnanıyorum ki, bu sayede daha çok kişi bu dersleri daha kolay bir biçimde bulabilecektir.

[@muratcanyaln2423]

bu video ile bs bağımlılığımdan kurtulacağım. teşekkürler hocam.

[@breakdownman]

Tailwind içeriği ararken karşıma çıktı eline sağlık

[@eminaliyev4953]

Bence çok güzel. JavaScript frameworklerinde farklı-farklı componentler için özellikle çok kullanışlı ola bilir

[@codingwithgokhan]

"Herkese merhaba arkadaşlar" bu sesi senden duymaya başlayalı 10 yıl, belki de fazla oluyor heralde. Old'lar beğensin :)

[@muradbabayev6389]

Merhaba, Tailwinde yeni başladım . Bence çok başarılı ve zamanla çok seveceyimiz bir araç olacak. Sizede teşükkerler güzel anlatımınız için.😊

[@omrksglu]

Aranan kan bulundu. Çok kıymetli bir konu. Eline sağlık 👍

[@emirhankayabas]

Tayfun hocam elinize sağlık yine merak ettiğim bir konuydu.

[@TunaUnal_]

Devam et abi, içeriklerin çok iyi, teşekkür ederiz

[@maksatorazsahedow7253]

Bende 1 2 proje tailwind ile gelistirdim Bence cok faydali Abi serinin devamini bekliyorus

[@bahlulhasanli]

Wow tamda beklediğim içerik) ellerine sağlık

[@muhammetaliozkaya8129]

Gerçekten mükemmel bir video, çok teşekkürler.

[@ellawhitestone]

Özellikle JIT ile gayet güzel :) Ders için Teşekkürler

[@chunfai6925]

Harikasın abi. Emeğine sağlık

[@ferdisahin7255]

Tam da youtube'da tailwind'ı arama yapacaktım karşıma yeni videon geldi :D

[@sajjadtalebi9405]

Tailwind çok iyu hocam Anlatminiz çok daha iyi🙏

[@yusufakkurt2308]

çok başarılı bence, tailwindi daha çok kullanmamız gerekir

[@sencer5048]

Normalde hiç bootstrap gibi farklı araçlar kullanmadım düz scss yazmaktan keyif alıyorum ama tailwindin nedense farklı gelen bir tattlılığı var daha kapsamlı bir şeyler deneyip anlamak lazım

[@omerfdmrl]

Ellerine sağlık 🍩

[@muzur5128]

bence tailwind

[@Comply0]

3 aydır kullanıyorum. O zamandan beri tailwindciyim. Bence ölvülmesi gerekiyor 😂

[@mehmeterdogan884]

Ooo yeni video gelmiş

[@weeseenman2248]

Teşekkürler sayın hocam :)

[@kaan4900]

harikasın hocam gerçekten mükemmel :)

[@sonradanermis7563]

Tailwind harika bir şey.

[@alisen284]

Eline sağlık başkan

[@hooho491]

abi intellisense ile otomatik öneriler çıkıyor ancak sende bir de ekstradan sağ tarafta preview çıkıyor, onu nasıl ekleyebilirim?

Merak edenler için güzel içerik

[@perverturga1574]

merhaba tailwind kurulumunu yapamadım bir türlü, nodejs im de kurulu, farklı şekilde güncelini kendim de kurmayua çalıştım fakat olmuyor malesef yardım edebilcek varmı

[@yusufsaid3630]

Teşekkürler hocam :)

[@sahylamyr]

teşekkürler

[@yasinkadir285]

sitemi bi sisteme oturtunca cidden tailwind kendisini cok iyi göstermeye başladı renkler ve küçük input ve button gibi componentleri hazırladım bence sisteme oturtunca tailwind'den iyisi yok bootstrap gibi çok sade tasarımlardan sıkıldık tek sıkıntı (JIT ile oldukca hızlanmıs olsada) typescript/Next.js/tailwind ve 25+ component bir araya gelince çok kasmaya başladı

[@ezizisayev]

Olduğu gibi yapıyorum ama class-lar çalışmıyor neden ola bilir?

[@emirhanwsd]

abi devam etsin süper

[@emre.yilmaz]

Junior'luk ile Tailwind'i sevme ile arasinda dogru oranti oldugunu dusunuyorum.

[@ugurkilci]

Tailwind son zamanlarda buram buram kulağıma çalışan css frameworküydü. Kullanmamıştım ama bu iyi oldu. Kullanabilir miyim? Emin değilim sonuçta alışmış kudurmuştan beterdir. Yıllardır Bootstrap kullanıyorum. Bootstrap'in grid sistemi çok güzel benzer özellikler burada varsa buna geçebilirim ama kesin bir şey söylemeyemem. Diğer videoları görememiz gerek :))

[@rasidinbugda]

Hocam ben şeyi merak ediyorum. Tailwind'i Linux Hostinglerde nasıl kullanabiliriz? Yani Linux Hosting de classları değiştirirken style dosyasının içeriklerinin değişmesini nasıl sağlayabiliriz?

[@PROTOTURKCOM]

development ortamında kullanacaksın tailwind'i. çıktıyı production ortamında kullanacaksın, yani gelişmelerini yine geliştirme ortamında yapmam gerekiyor. Ya da eğer daha önce kullandığın classlar var ise onları zaten ekleme yapmadan değiştirebilirsin sisteminde

[@GarfieLD-Mami]

Ben en çok margin padding nasıl vericez onu merak ediyorum. Eline sağlık teşekkür ederiz.

[@PROTOTURKCOM]

padding icin p-deger margin icin m-deger p-1 - her koseden 4px p2 - her koseden 8px 4 ve dordun katlari olarak gidiyor, margin icinde p yerine m koyuyorsun. sol taraf icin pl-1 sag icin pr-1 ust icin pt-1 alt icin pb-1 aynilari ml-mr-mt-mb olarak margin icin kullaniliyor

[@GarfieLD-Mami]

@@PROTOTURKCOM 2.yi öğlen arasında bitiricem mantığını ve bootstraptan farklı olabileceğini düşündüğüm tahnin ettiğim yerleri kavradığımda bu iş tamamdır. Thx 🙂

[@abdullahiskifoglu]

Hocam peki sizce yeni başlayanlar için hangisini öğrenmesini ya da kullanmasını önerirsiniz? Tailwind bana daha iyi gibi geldi ama sizinde yorumunuzu merak ettim. :)

[@sezaicebe9980]

tailwind bütün şirketlerde kullanılıyor bootstrap çok nadir görürsün

[@abdullahiskifoglu]

Hocam peki nextjs için önce react mı öğrenmem gerekir sizce?@@sezaicebe9980

[@prvfurkan5742]

guze bir şeye benziyor

[@furkanbilici6720]

Bir tek bana mı gereksiz bir şeymiş gibi geldi 😶 Ama video gayet açıklayıcı emeğine sağlık

[@mustafayldz2200]

Iyi gunler , yorum siliniyor bir sebebi varmi

[@gluten2537]

Bu bana çokta gerekli ya da kullanışlı gibi gelmedi ben mi yanlış düşünüyorum ?

[@ArduinoTurkBatu]

Bende VSCode Tailwind CSS IntelliSense çalışmıyor.

[@PROTOTURKCOM]

npm install tailwindcss ile paketi yükleyip dene bir de

[@ArduinoTurkBatu]

@@PROTOTURKCOM çalıştı teşekkürler.

[@kaanbozkurt7675]

Taaaaaaaze

[@Vext3]

Abi hala tailwind kullaniyormusun

[@yasinbeyazl4635]

Hocam temanız hoşuma gitti paylaşma şansınız var mıdır ?

[@ibrahimkarabulut8142]

Abi sence bootstrap mi tailwind i mi tercih etmeliyim ?

[@PROTOTURKCOM]

bence tailwindi tercih etmelisin, ben bu videodan sonra her projemde kullanmaya başladım artık tailwindsiz css yazmak istemiyorum o derece :D

[@osmanoz8830]

Çok güzel anlatmışın iyi hoş da abi terminal kullamayo bilmiyorum ben nasıl yapıcam ekliceğim ben bunu abi

[@PROTOTURKCOM]

o zaman önce terminal kullanmayı öğreneceksin bunun konumuzla alakası yok çünkü

[@kaankara1101]

güzel abim neden sitenin linkini paylaşmıyorsun

[@PROTOTURKCOM]

güzel kardeşim sol üstte tailwindcss.com diye yazıyor ya, neden görmüyorsun :)

[@tolunayemre2060]

Transition mu istiyorsunuz? Hiç sorun değil... :D

[@salyangozzyildiz1502]

Zerre kadar bilgim yok ve ilgi alanim da degil bu isler...; ama garip bir sekilde anlatilanlari dinliyorum

[@raizeliniz]

ben bu tailwindi kurana kadar canım çıkıyor

[@Osuran_Bogaa]

sevmedim pek scss yazmaya devam ederim tailwind yerine

[@PROTOTURKCOM]

başta ben de öyle düşünüyordum, 1 buçuk senedir bütün projeleri tailwinde geçirdik :)

[@ersinnn004]

ilk

[@elchinhajiyev1865]

Güzel içerik ama bence tailwind ve bootstrap gereksiz. html sayfası çok karmaşık hale geliyor. Css dosyasında tutmak daha iyi bence.

[@muzur5128]

bootstrap oluşturulma nedeni zaten sitenin bitme hızı tek tek css bazen zaman alıyor

[@aressoft]

bootsrap vb. esas nedeni , responsive design içindir. css ile yazmak aşırı zaman maliyeti oluşturur.

[@twitchizle]

Css zaman kaybi

[@gulalicelik2989]

yorum

[@fuatogur]

hiç estetik değil

[@mrthunderbolt1864]

abooov bune çirkin bişey böyle, kolaylık açısından güzel olabilir ama çok kötü görünüyor.

[@cedric7438]

Şuan en iyisi Tailwind Css. Bence eleştirmek yerine devre ayak uydurman gerek

[@umaraliholmatov]

npx tailwindcss --o tailwind.css ---->yazıldığında aşağıaki yazı çıkıyor yardımcı olabilecek var mı 2-3 gündür düzeltemiyorum npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead. [deprecation] Running tailwindcss without -i, please provide an input file. Specified input file --o does not exist.

[@PROTOTURKCOM]

-i diyerek input yani girdiyi de belli etmeni istiyor, atıyorum -i tailwind.css -o style.css -i * girdi demek, tailwind css dosyası -o * çıktı demek, sonucunda çıkan stil dosyası

[@emrah6303]

Teşekkürler

[@dotuidesign]

Teşekkürler