bu arada daha bir sürü alternatifi olabilir bunu yazmanın ama en mantıklısı yine grid örneği bence, varsa fikirleriniz mutlaka belirtin :) Ayrıca sağdaki ve soldaki alanların yüksekliğini em cinsinden verip font-size'a göre ayarlarsak font büyüdüğünde onların yüksekliğide aynı oranda büyümüş olur çok daha kullanışlı olur, onu da siz entegre etmeye çalışın pratik yapmış olursunuz :)
Javascript serisi olsa. Udemy, katıl veya UA-cam farketmez. Ama olmalı çünkü öğrenecek başka bir kaynak yok. Senden gelirse bu seri çok tutulur. Bir umut bekliyorum. Eline sağlık 👏
Mükemmel olmuş hocam sizin elinizden çıkması yeterli, böyle bir CSS dersi değilde sohbet arası güzel bir bilgilendirme gibi sıkmadan anlatmanız ise attığınız videoların asıl güzelliği.Elinize, ağzınıza sağlık.
ağabey böyle videolar çekerken videonun sonunda kodu baştan sona gösterirseniz çok mutlu oluruz Bolluca Meslek Lisesinden sizi izliyoruz alinin de selamı var
Valla çok sağ ol. Ufkum açıldı. Before, after falan kafamda biraz daha oturdu kullanım alanları falan. Kanalı yeni keşfettim bundan sonra seni takip edeceğim.
çok faydalı bir seri olur hocam teşekkür ederiz. böyle ufak tefek gibi görünen şeyler aslında hiç öyle değil inanın:) ben şahsen kız arkadaşınızın yeni başlamış olmasına çok seviniyorum kendi adıma. hatta 1 az bilen 1 erbilen videonuz çok öğreticiydi devamı gelse ne güzel olur:)
Cssten hiç anlamıyorum ama böyle kısa ve spesifik konulara değinen videolar insanın aklında kalıyor. Bi noktada lazım olunca benzerini baka baka yapıyorum
htmle yeni başladım gayet kolay gelmişti bide merak edip bu videoya bakayım dedim css bilmememe rağmen anladım çok açıklayıcı anlatmışsınız. Güzel oldu işime geldi :D
before ve afterdan nedense kaçınmaya çalışıyorum hocam. Özellikle React ve Vue gibi component bazlı çalıştığımız frameworklerde csse girip ne yaptığıma bakmaktansa sol ve sağ çizgilerin kendisini bir komponent olarak görüp onun cssine bakmak asanadaki gibi daha çok işime geliyor. Birde cross-platform geliştiriliyorsa proje misal React Native'de before after gibi bir özelliğimiz yok. Bu arada flex forever :) Pratik için sağolun.
İlk örneklerin sorunlarından biri de galiba or yazısı kapsayıcıdan taşıyor bunu çözmek için kapsayıcıya yükseklik verdiğim de bu sefer de doğal olarak border vererek oluşturduğumuz çizgiyle or yazısı arasında ki mesafe artıyor zaten böyle yapılmayacağı bariz ama yine de bu şekilde yapılmak istense bu taşma da göz ardı edilebilir mi?
Abi yorumlarda da çokça belirtmis arkadaslar js dersleri ariyor herkes bi js kapmi yapsan hem kiz arkadasinda js gectiyse onunda bizimde ogrenmemizi saglarsin. Sayende kendimizi cok gelistirdik jsde gelse super olur.
Hocam vallaha css e geçecektik okulda iyi bir pratik yapıp hocalara kendimi göstereceğim onlardan önce biliyormuş gibi :D devamı gelirse çok iyi olur hocam.
Tayfun abi ebeveyn etikete css de yapılan herhangi bir özelliğin o ebevynin içersindeki etiketlere de uygulanma sorununu nasıl çözebiliriz? div verdim blurluk verdim içersine navbar ekledim oda blur oluyor?
Tayfun abi bazen görüyorum sayfa başı 100-200 tl ye kişiye özel istenilen tasarımda responsive web sitesi yapıyorlar ve bunu çok kısa sürede yapıyorlar bunun bir pratiği falan mı var? 7 adet sayfayı 5 - 10 gün de yapıyorlar fakat ben 1 sayfayı 2 günde zor yapıyorum özellikle özel bir slider var ise beni çok uğraşıtırıyor bir tekniği falan mı var yoksa kendilerine ait framework mu oluşturuyorlar ?
ben daha onceki uygulamarimda flex'i kullanip gap yerine (gap yeni geldi sayilir flexe) after'a margin-left, before'a margin-right vermistim diye hatirliyorum. ama katiliyorum grid daha guzel. ayrica grid uygulamalarina elimizi alistirmaliyiz. cunku grid ile bir cok problem pratik cozuluyor. ua-cam.com/video/qm0IfG1GyZU/v-deo.html bu videoda guzel ornekler var.
bu arada daha bir sürü alternatifi olabilir bunu yazmanın ama en mantıklısı yine grid örneği bence, varsa fikirleriniz mutlaka belirtin :)
Ayrıca sağdaki ve soldaki alanların yüksekliğini em cinsinden verip font-size'a göre ayarlarsak font büyüdüğünde onların yüksekliğide aynı oranda büyümüş olur çok daha kullanışlı olur, onu da siz entegre etmeye çalışın pratik yapmış olursunuz :)
Bence çok güzel seri olur bu :) Eline saglik kardeşim :)
Selam Gökhan hocam :)
Senin şu #shorts ve bu tür videolar kadar yararlı bir içerik daha görmedim.
Javascript serisi olsa. Udemy, katıl veya UA-cam farketmez. Ama olmalı çünkü öğrenecek başka bir kaynak yok. Senden gelirse bu seri çok tutulur. Bir umut bekliyorum. Eline sağlık 👏
Udemy olursa direkt satın alırım
Mükemmel olmuş hocam sizin elinizden çıkması yeterli, böyle bir CSS dersi değilde sohbet arası güzel bir bilgilendirme gibi sıkmadan anlatmanız ise attığınız videoların asıl güzelliği.Elinize, ağzınıza sağlık.
Efsane seri, bu tip konuları zaten işi bilen değil acemisi arıyor. İşi cahile anlatır gibi anlatman güzel. Eline sağlık.
ağabey böyle videolar çekerken videonun sonunda kodu baştan sona gösterirseniz çok mutlu oluruz Bolluca Meslek Lisesinden sizi izliyoruz alinin de selamı var
ARKADAŞ DOĞRU SÖYLEMİŞ
BEN ALİ BU MESAJI YIILDIZLAR ARASINDA SAKLANAN BÜTÜN OTOBOTLARA GÖNDERİYORUM BİZ BURDAYIZ VE SİZİ BEKLİYORUZ
Valla çok sağ ol. Ufkum açıldı. Before, after falan kafamda biraz daha oturdu kullanım alanları falan. Kanalı yeni keşfettim bundan sonra seni takip edeceğim.
2021 sıfırdan css kursu tayfun hocamızdan izlesek muhteşem olur. Eline sağlık harika fikirler veriyorsun, devamı gelsin lütfen..
Hocam ellerinize sağlık derslerinizi 3-4 gündür takip ediyorum gerçekten çok verimli ,bunun gibi serilerin devamını bekliyoruz.
çok faydalı bir seri olur hocam teşekkür ederiz. böyle ufak tefek gibi görünen şeyler aslında hiç öyle değil inanın:) ben şahsen kız arkadaşınızın yeni başlamış olmasına çok seviniyorum kendi adıma. hatta 1 az bilen 1 erbilen videonuz çok öğreticiydi devamı gelse ne güzel olur:)
vakit bulduğumuzda onlara devam edeceğiz, teşekkür ederim :)
İşin içinde olmakla , öğrenmek arasında çok fark var. teşekkürler :)
Cssten hiç anlamıyorum ama böyle kısa ve spesifik konulara değinen videolar insanın aklında kalıyor. Bi noktada lazım olunca benzerini baka baka yapıyorum
10 tane farklı seçenek gösterdin ilk aklıma gelen 2 tane oldu sonra oha ya döndüm sağol
htmle yeni başladım gayet kolay gelmişti bide merak edip bu videoya bakayım dedim css bilmememe rağmen anladım çok açıklayıcı anlatmışsınız. Güzel oldu işime geldi :D
ilk yöntemde bg color için değişken atayıp, ikisine de aynı değişkeni verirsek yine sorun çözülebilir ama grid en temizi.
Çok yararlı bir içerik olmuş Tayfun. Umarım devami gelir. Yeni başlayanlar için faydalı olur.
hocam gayet başarılı videolarınız 2013 yılından beri takip ediyorum. Sonraki videolarınız dört gözle beklemekteyim.
yaktın beni tayfun. bence başa sarmak lazım kimisine başlangıç kimisine tekrar olur :)
vallaha kac gundur bunu ariyodum,eyvallah abi🙏🏽
ilham verici; "Bildiğim tek şey hiçbir şey bilmediğimdir" Sokrates
Bu şekilde daha fazla ders olursa çok sevinirim
Böyle küçük componentler bazen cok işimize yariyor.
Hem anlatım hem bilgi olarak çok iyi bu arada eline sağlık :)
Yeni başlamadım ama gayet güzel bir dersti, devamı gelsin lütfen.
Yararlı olmuş ellerine sağlık devamı gelsin.
(KALBİNİ ALIRIM)
Yararli oluyor tesekkürler devami gelsin lütfen
Harika detaylar Tayfun abi... Daha çok gelsin ^_^
Çok faydalı bir konu, çok güzel bir anlatım, teşekkürler hocam emeğinize sağlık.
Abi çok saol yararlı bir paylaşım oldu. Tebrikler. Ben bildiğim halde tekrar oldu ve yeni bilgim de oldu.
before ve afterdan nedense kaçınmaya çalışıyorum hocam. Özellikle React ve Vue gibi component bazlı çalıştığımız frameworklerde csse girip ne yaptığıma bakmaktansa sol ve sağ çizgilerin kendisini bir komponent olarak görüp onun cssine bakmak asanadaki gibi daha çok işime geliyor. Birde cross-platform geliştiriliyorsa proje misal React Native'de before after gibi bir özelliğimiz yok. Bu arada flex forever :) Pratik için sağolun.
ama react-native bu konunun dışında bence çünkü orada zaten css yazmıyoruz her ne kadar öyle yazıyor gibi görünsekte :)
İlk örneklerin sorunlarından biri de galiba or yazısı kapsayıcıdan taşıyor bunu çözmek için kapsayıcıya yükseklik verdiğim de bu sefer de doğal olarak border vererek oluşturduğumuz çizgiyle or yazısı arasında ki mesafe artıyor zaten böyle yapılmayacağı bariz ama yine de bu şekilde yapılmak istense bu taşma da göz ardı edilebilir mi?
Böyle Videoların Devamını İsteriz . hocam ağzınıza sağlık ok güzel olmuş dediğiniz gibi html bitti işte css de hatalar çıkıyor
Abi yorumlarda da çokça belirtmis arkadaslar js dersleri ariyor herkes bi js kapmi yapsan hem kiz arkadasinda js gectiyse onunda bizimde ogrenmemizi saglarsin. Sayende kendimizi cok gelistirdik jsde gelse super olur.
Hocam vallaha css e geçecektik okulda iyi bir pratik yapıp hocalara kendimi göstereceğim onlardan önce biliyormuş gibi :D devamı gelirse çok iyi olur hocam.
Elinize sağlık hocam. Hamburger menü örneği de yapabilirmisiniz.
Kanalda mevcut bakabilirsin :)
Faydalı video devamı gelsin
iyi ki varsın abi :)
merhaba abi. Css de position kullanılımı hakkında güzel bir örnek ile video yapa bilirmisizniz? css dersimdeki bölüm bir az yetersiz geldi
tampermonkey kullanma ile ilgili öğretici bir video çekebilir misiniz rica etsem.
eklentisini kuruyorsun işine yarayan javascriptleri alıp kullanıyorsun çok ekstra bir şeyi var mı benim bilmediğim bilemedim
elinize saglik tesekkurler hocam
Tayfun abi ebeveyn etikete css de yapılan herhangi bir özelliğin o ebevynin içersindeki etiketlere de uygulanma sorununu nasıl çözebiliriz? div verdim blurluk verdim içersine navbar ekledim oda blur oluyor?
blur örneği için altındakilerede uygulaması normal backdrop-filter ile blur'u kullanman gerekir
@@PROTOTURKCOM tamamdır teşekkürler
Çok yararlı oldu👍
Tayfun abi bazen görüyorum sayfa başı 100-200 tl ye kişiye özel istenilen tasarımda responsive web sitesi yapıyorlar ve bunu çok kısa sürede yapıyorlar bunun bir pratiği falan mı var? 7 adet sayfayı 5 - 10 gün de yapıyorlar fakat ben 1 sayfayı 2 günde zor yapıyorum özellikle özel bir slider var ise beni çok uğraşıtırıyor bir tekniği falan mı var yoksa kendilerine ait framework mu oluşturuyorlar ?
olay buna uygun kod yazmakta, sayfa düzenini grid ya da flex ile oluşturmaktan bitiyor aslında, bununla ilgili de bir video patlatalım o zaman
@@PROTOTURKCOM Valla hocam çok süper olur
@@PROTOTURKCOM Patlat gelsin reis
ellerine sağlık abi
Hocam yeni başlamış değilim fakat bu ders bana da bir kaç trick öğretmiş olabilir 👌
Javascript bekliyoruz hocam
bu arada visual code live html eklentisi var daha kolay işini daha iyi görür
webstorm zaten bunu eklentisiz yapıyor :)
---------------------- or ---------------------- koyup aralarındaki mesafeyi margin kullanarak birleşik yapardım :D
şeytanın aklına gelmez xd
@@PROTOTURKCOM :D
Hocam yararlı değil çok yararlı ve değerli olmuş. Çok daha fazla video gelsin böyle.
Ya Allah böyle bir sevgili versin bize de ya her videosunda kız arkadaşından bahsediyor 😂❤️🤭
böyle bir derse gerek varmış bana göre...
👍
Neyse ki pratikmiş.
sana ne lazimdi kral
bootstrap candır gerisi yalandır.
tamam fangirl olda bu videoyla bootstrap'ın ne alakası var, ayrıca tailwind denememişsin sen belli oldu :D
@@PROTOTURKCOM yok ne fangirl'ü abi ben de yeni yeni öğreniyorum css kütüphanelerini :D alakasını responsive tasarım kolaylığı açısından demiştim.
abi adamsın ama çok hızlı yaziyorsun imrendim
ben daha onceki uygulamarimda flex'i kullanip gap yerine (gap yeni geldi sayilir flexe) after'a margin-left, before'a margin-right vermistim diye hatirliyorum. ama katiliyorum grid daha guzel. ayrica grid uygulamalarina elimizi alistirmaliyiz. cunku grid ile bir cok problem pratik cozuluyor. ua-cam.com/video/qm0IfG1GyZU/v-deo.html bu videoda guzel ornekler var.
Biraz karmaşık anlatım tarzınız var
belki de sen anlayamıyorsun, niye suçlu ben oldum hemen :D
Hocam background ve background color ile renklendirme işlemi falan yapılıyor bu ikisinin birbirinden bir farkı varmı acaba