Yeni başlayanlar için CSS Pratiği -1
HTML-код
- Опубликовано: 3 ноя 2021
- 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-egitim-seti/?co...
-- 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 :)
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 RUclips 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.
2021 sıfırdan css kursu tayfun hocamızdan izlesek muhteşem olur. Eline sağlık harika fikirler veriyorsun, devamı gelsin lütfen..
Çok yararlı bir içerik olmuş Tayfun. Umarım devami gelir. Yeni başlayanlar için faydalı olur.
Çok faydalı bir konu, çok güzel bir anlatım, teşekkürler hocam emeğinize sağlık.
hocam gayet başarılı videolarınız 2013 yılından beri takip ediyorum. Sonraki videolarınız dört gözle beklemekteyim.
İşin içinde olmakla , öğrenmek arasında çok fark var. teşekkürler :)
Hocam ellerinize sağlık derslerinizi 3-4 gündür takip ediyorum gerçekten çok verimli ,bunun gibi serilerin devamını bekliyoruz.
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.
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
Hem anlatım hem bilgi olarak çok iyi bu arada eline sağlık :)
ç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 :)
Harika detaylar Tayfun abi... Daha çok gelsin ^_^
Yararli oluyor tesekkürler devami gelsin lütfen
vallaha kac gundur bunu ariyodum,eyvallah abi🙏🏽
Yeni başlamadım ama gayet güzel bir dersti, devamı gelsin lütfen.
Abi çok saol yararlı bir paylaşım oldu. Tebrikler. Ben bildiğim halde tekrar oldu ve yeni bilgim de oldu.
yaktın beni tayfun. bence başa sarmak lazım kimisine başlangıç kimisine tekrar olur :)
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
10 tane farklı seçenek gösterdin ilk aklıma gelen 2 tane oldu sonra oha ya döndüm sağol
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.
Bu şekilde daha fazla ders olursa çok sevinirim
Yararlı olmuş ellerine sağlık devamı gelsin.
(KALBİNİ ALIRIM)
elinize saglik tesekkurler hocam
Böyle küçük componentler bazen cok işimize yariyor.
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
iyi ki varsın abi :)
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.
Çok yararlı oldu👍
ilham verici; "Bildiğim tek şey hiçbir şey bilmediğimdir" Sokrates
ellerine sağlık 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
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
Faydalı video devamı gelsin
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?
Hocam yeni başlamış değilim fakat bu ders bana da bir kaç trick öğretmiş olabilir 👌
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.
👍
Elinize sağlık hocam. Hamburger menü örneği de yapabilirmisiniz.
Kanalda mevcut bakabilirsin :)
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
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
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
Hocam yararlı değil çok yararlı ve değerli olmuş. Çok daha fazla video gelsin böyle.
---------------------- or ---------------------- koyup aralarındaki mesafeyi margin kullanarak birleşik yapardım :D
şeytanın aklına gelmez xd
@@PROTOTURKCOM :D
bu arada visual code live html eklentisi var daha kolay işini daha iyi görür
webstorm zaten bunu eklentisiz yapıyor :)
böyle bir derse gerek varmış bana göre...
Ya Allah böyle bir sevgili versin bize de ya her videosunda kız arkadaşından bahsediyor 😂❤️🤭
Neyse ki pratikmiş.
sana ne lazimdi kral
abi adamsın ama çok hızlı yaziyorsun imrendim
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.
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. ruclips.net/video/qm0IfG1GyZU/видео.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