Yeni başlayanlar için CSS Pratiği -1
ฝัง
- เผยแพร่เมื่อ 24 ก.ย. 2024
- Bu ders Tayfun Erbilen tarafından prototurk.com için hazırlanmıştır.
Kanala destek olmak için KATIL üzerinden size uygun seçeneği belirleyerek desteğinizi gösterebilirsiniz.
/ @prototurkcom
Yeni çıkardığım PHP Eğitim Setime gözatın!
udemy.com/php-...
-- Sosyal Hesaplarım;
/ erbilennet
/ prototurkcom
/ tayfunerbilen
/ prototurkcom
/ tayfunerbilen
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 TH-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
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.
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.
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.
2021 sıfırdan css kursu tayfun hocamızdan izlesek muhteşem olur. Eline sağlık harika fikirler veriyorsun, devamı gelsin lütfen..
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
ç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 :)
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.
Hocam ellerinize sağlık derslerinizi 3-4 gündür takip ediyorum gerçekten çok verimli ,bunun gibi serilerin devamını bekliyoruz.
10 tane farklı seçenek gösterdin ilk aklıma gelen 2 tane oldu sonra oha ya döndüm sağol
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
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
hocam gayet başarılı videolarınız 2013 yılından beri takip ediyorum. Sonraki videolarınız dört gözle beklemekteyim.
Bu şekilde daha fazla ders olursa çok sevinirim
Çok yararlı bir içerik olmuş Tayfun. Umarım devami gelir. Yeni başlayanlar için faydalı olur.
yaktın beni tayfun. bence başa sarmak lazım kimisine başlangıç kimisine tekrar olur :)
Böyle küçük componentler bazen cok işimize yariyor.
vallaha kac gundur bunu ariyodum,eyvallah abi🙏🏽
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.
Yararli oluyor tesekkürler devami gelsin lütfen
ilham verici; "Bildiğim tek şey hiçbir şey bilmediğimdir" Sokrates
Yeni başlamadım ama gayet güzel bir dersti, devamı gelsin lütfen.
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 :)
Çok faydalı bir konu, çok güzel bir anlatım, teşekkürler hocam emeğinize sağlık.
Hem anlatım hem bilgi olarak çok iyi bu arada eline sağlık :)
Abi çok saol yararlı bir paylaşım oldu. Tebrikler. Ben bildiğim halde tekrar oldu ve yeni bilgim de oldu.
Yararlı olmuş ellerine sağlık devamı gelsin.
(KALBİNİ ALIRIM)
Harika detaylar Tayfun abi... Daha çok gelsin ^_^
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
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.
iyi ki varsın abi :)
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.
Faydalı video devamı gelsin
elinize saglik tesekkurler hocam
İ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?
---------------------- or ---------------------- koyup aralarındaki mesafeyi margin kullanarak birleşik yapardım :D
şeytanın aklına gelmez xd
@@PROTOTURKCOM :D
Elinize sağlık hocam. Hamburger menü örneği de yapabilirmisiniz.
Kanalda mevcut bakabilirsin :)
ellerine sağlık abi
Çok yararlı oldu👍
Hocam yeni başlamış değilim fakat bu ders bana da bir kaç trick öğretmiş olabilir 👌
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
Ya Allah böyle bir sevgili versin bize de ya her videosunda kız arkadaşından bahsediyor 😂❤️🤭
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
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
bu arada visual code live html eklentisi var daha kolay işini daha iyi görür
webstorm zaten bunu eklentisiz yapıyor :)
Javascript bekliyoruz 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
Hocam yararlı değil çok yararlı ve değerli olmuş. Çok daha fazla video gelsin böyle.
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. th-cam.com/video/qm0IfG1GyZU/w-d-xo.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