Popup with Pure CSS

This lecture prepared by Tayfun Erbilen.
Demo: codepen.io/tay...
Checkout my latest PHP course on Udemy;
udemy.com/php-...
- Social accounts;
/ erbilennet
/ prototurkcom
/ tayfunerbilen
/ prototurkcom
/ tayfunerbilen

[@PROTOTURKCOM]

Demo için;
codepen.io/tayfunerbilen/pen/wvwRGjz

[@script7085]

Eline sağlık tayfun kardeşim.
Ders önerisi olarak chrome da çıkan sayfa için yükle iconunu anlatabilirmisin ? serviceworker ile çalışıyor ve sayfada bir mainfest.json olması gerekiyor. örnek olarak google maps veya btk gov tr adresinden bakabilirsin adres çubuğunun sonunda çıkıyor.

[@PROTOTURKCOM]

evet pwa'yı yakında anlatacağım ^^

[@th3Abdo]

Her zamanki gibi muhtşem bir anlatım. Yine bu konuyla alakalı güzel bir örnek daha mevcut, yalnızca html5 ile (+css stillendirme)
Buton
İçerik

[@sykedon7088]

“Mantık sizi A noktasından B noktasına götürür. Hayal gücü ise her yere.”

[@vtecpn4751]

Hiçbir Şey Einstein reis demişti heralde dimi

[@sykedon7088]

@@vtecpn4751 evet

[@ravbin86]

Abi daha csste 20. Dersteyim ama bu tarz videolarda seni etiketleri kullanırken görmek ufkumu açıyor. Güzel uygulama örnekleri oluyor. Teşekkürler.

[@eyyupsert0]

Anlatım olarak çok eğlenceli ve öğrenilen bilgiler çok değerli böyle videolar iyi ki var. Bu mesleği yapma şevkimi artırdığınız için teşekkür ediyorum. Videoların devamını bekliyorum.

[@kulucmakkuluckamakineleri3807]

Faydalı bilgilerin için ne kadar teşekkür etsek azdır. İşinde başarılar dilerim kardeşim.

[@furkanbilici6720]

Bazen sırf zevkli olduğu için arada açıp izliyorum bugün de bu videoyu önerdi youtube çok geçmiş olsun en kısa sürede iyileşmen dileğiyle..

[@ramazanerbas2170]

Dostum sen manyaksın!. Eline sağlık gayet efektif bir çalışma. Anlatım da çok samimi.

[@3141-z4c]

harika işler çıkartıyorsun kardeşim, paylaştığın her bilgi için teşekkür ediyorum.

[@mehmetaliklc4893]

Çok faydalı bir ders, devam içeriklerini bekliyorum.

[@nurantarlan]

abi senin hover problemin yok, hizli yazarken harflerin bazilarini yazamama problemin var. Mesela en sonda artik vazgectigin hover'da background yerine backgroud yazmistin onun icin, ama ellerine saglik, cok guzel ve faydali icerik olmus )) Azerbaycandan azerbaycanli yazilimcilardan sizlere selam olsun . . .

[@mustafa60x]

Çok sağolun, faydalı bir icerikti.

[@bariswwa]

Abi sen muhteşem bir detaysın.

[@deryaverun]

Faydalı bir ders olmuş, teşekkürler Tayfun.

[@murat-ersoy]

Adamsın erbilen

[@mr.sineks]

Müthiş anlatım

[@eahurum]

CSS'in 121. satırında background yeri backgroud yazdınız hocam. Aradaki n harfinden dolayı hover çalışmıyor olabilir. Ders için teşekkürler

[@PROTOTURKCOM]

aynen ondanmış ^^ derste göremiyor bazen insan hatasını

[@eahurum]

@@PROTOTURKCOM İnsanlık hali hocam olabilir

Yıllar önceki videolarınızla PHP öğrendim, teşekkür ederim ama bir Türk dili ve edebiyatı öğretmeni olarak siz her "kayıt ol" yazdığınızda "Yapma be!" diyorum çünkü "kaydol" diye yazılır. :)

[@PROTOTURKCOM]

öğretmek karşılıklıdır hocam, ben size bir şey öğrettim siz de bana :) saygılar.

[@FootballHistoryy]

Eline sağlık çok şahane

[@semihaydogan9376]

Abi harikasın ya 👌🥇

[@onurtugrul277]

Faydalı bir ders oldu teşekkürler

[@coderbox2244]

Tayfun hocam erbilen.net'deki galeri sayfasında bulunan responsive grid sistemini de anlatırsanız boş vaktinizde faydalı olacağını düşünüyorum, takipteyiz. :)

[@gorkemtr]

hey javascript sen kimsin ya!

[@spike3453]

esc basıp kapatmayı js kullanmadan yapamazsın ama :D

[@baturq]

Bak bak bak abune oldum layık attım uyumadan önce ne güzel video buldum ben böyle

[@emrahburak8684]

Teşekkürler...

[@mustafaeski]

süper.

[@mrokumust]

Teşekkürler. Çok güzel bir dersti.

[@mehmetakifsert5314]

Helal valla

[@hacikandemir]

nodejs ile mongodb nin kullanımı hakkında bir video çeker misin? hiç Türkçe video yok.

[@dev_jhun]

Əla, çox sağ ol'un 👍

[@mahmuthayirli8714]

Haddime değil ama 06:40 da ben label a class atayıp ona hover verdiğimde oldu tayfun hocam. Ama css ile yaptım sass olarak değil. Ama sende neden olmadı anlamadım :S

[@ahmetloca]

hover ben de çalıştı :)

[@nwto235]

CSS GOD

[@Mustafa-du8ns]

ben daha modalın tasarımını yapamıyorum adam javascriptini de css ile yazıyor

[@alidemirci7706]

Hocam sol üst çaprazdan gelip sağ üst çapraza gitmesi için napcaktık 13:45

[@PROTOTURKCOM]

geldiği yere gider :D sol çaprazdan gelsin istiyorsan left: -100%; top: -100%; dersin açıldığında da left: 50%; top: 50%;

[@alidemirci7706]

Prototürk - Yazılım ve Tasarım Dersleri eyvallah reis şu saçma yorumumada cevap verdinya. Sen adamsın

[@YAZILIMCIAdam]

Hocam her konuştuğunda garip bir bass efekti oluyor kulaklıkta.

[@PROTOTURKCOM]

bilmiyorum ki, hep kullandığım mikrofon belki çok bas almıştır çektiğim oda boştu

[@topstartechnologyltd9164]

Hocam JS tarihten silmeyi düşünüyorsunuz galiba :)

[@emirhanengin4689]

Jquery desek daha mantıklı :)

[@Mucahit410]

14:30 yazamadım mi lan ben bunun kodunu

[@kaandertli2401]

Ulan ben bu hoverleri neden veremiyorum :D

[@Mucahit410]

Lanet olsun hovera 😅😅😅🤣🤣

[@cagrmatbaa6791]

bende diyorum bu sinir bozucu pop-up ları kim yapıyor :))