CSS ile Kayan Label Yapımı vs jQuery

[@PROTOTURKCOM]

Dersteki örneği incelemek için;
codepen.io/tayfunerbilen/pen/qMKxeQ

[@excalibur885]

NOT: eğer input a spacebar ile boşluk eklersek yine valid olarak değer sayıyor, bunuda düzeltmek için input a pattern=".*[^ ].*" eklemeniz yeterli olacaktır.. .:)

[@emir.siriner]

Eline koluna sağlık güzel kardeşim. Bende uzun zamandır böyle birşey arıyordum. Hem anlatımın hem de öğrencilere kattığın yeni bilgiler mükemmel. Çok teşekkür ederim sağolasın. Sen ve senin gibi güzel yürekli insanlar başımızdan eksik olmasın inşaAllah... Seni seviyorum kardeşim...

[@emntrkr]

Eskisi gibi hatayı önce göstererek adım adım gitmen anlatımda çok yararlı bir teknik olmuş. Teşekkürler

[@nevzatyigit6406]

Tayfun kardesim kısa zamanda cok yol aldın tebrik ederim, web yazılımında kendini geliştirmek isteyenlere seni örnek gösteriyorum. Başarıların devamını diliyorum.

[@egitimtube2200]

Tayfun kodlamayla pek alakam yok ama derslerini izlemekten büyük keyif alıyorum. Çok akıcı ve güzel anlatıyorsun sana imreniyorum inşallah benim oğlum yada kızım da ilerde senin gibi olur. Başarılarının devamının diliyorum eline sağlık.

[@masterstudio4190]

TH-camun en sevdigim kanali

[@terimsays2387]

Hocam bu videoyla çektiniz beni kendinize anlatırken bazı kuralları özellikle :before ile ::before benim herzaman bu tarz merak ettiğim küçük detaylardir. +1 takipçinizim :)

[@ramazanerbas2170]

Ya arkadaş videolarını izledikçe forntend e yardırasım geliyor. Eline sağlık yine çok güzel çalışma olmuş.

4:27 o gelmedi ama yeni video geldi gönlümüze, teşekkürler abi yeni şeyler öğrendim.

[@umitpircan]

bence 0 dan web projeleri geliştirmek daha öğretici olur hem sitelerin çalışma mantığını hemde nelerden oluştuğunu anlatmış olursunuz. ben bir forum scripti yazma derslerinizde bir şeyler kaptım.

[@kerim7091]

+1

[@ferhatdev]

10 numarasın hocam, örnek çok güzel. + özelliğinide ilk defa duydum teşekkürler

[@kablosuzkedi]

Güzel ders olmuş bence :) Ellerine sağlık. Piyasada CSS Animasyonları anlatan eğitimler var. 13:50 dakikalık video bile bu eğitim setinden çok daha iyi bence :)

Teşekkürler böyle bir dersi cektigin için. Kolay gelsin.

[@alirahmankose]

Yazilim bilgim yok ama izleyerek ne kadar olmasada sizden ogrenmek guzel derslerinizin hepsi mukemmel insaallah tanışmak dileğiyle.

[@AlperP.]

Bilgilendirme için teşekkürler. Güzel bir paylaşım olmuş.

[@GameplayFX]

Bence Güzel Bir Ders Oldu Hocam Teşekkürler Çok İşime Yarıyacak :)

[@chunfai6925]

Muazzam bir insansın abi ya

[@poncuk]

abi bir sana bakıyorum bir de en ufak css işlemini js ile yapmaya çalışanlara.. büyük bir nimetsin sen

[@ozgunzengin]

Merhaba Tayfun, çok güzel bir dersti gene. Öylesine ders çekmiyorsun. Yıllar sonra CSS3 dokümantasyon ve yeniliklerine baktırdın :)

[@vasifhummetov5400]

Abi ilk yorum benden. ve phpmailler dersliyi yerlesdirmeyini isterdim. cunki bunu senin dersliklerinde bula bilmedim

[@PROTOTURKCOM]

evet onun için makale yazdım ama hiç video çekmedim sanırım. yazdım listeye, onuda çekelim :)

[@vasifhummetov5400]

sen benim kumirimsin her zaman... men senin derslerini hevesle izleyirem...

[@deruni79]

O değil de şu “toggle” olayını sırf CSS ile nasıl yaparız? Mesela bazı başlıklar olsa tıklanınca bazı kısımları açsa ve kapasa. Soruya tıklıyorsun ve cevabı görüyorsun, tekrar tıklayıp kapatıyorsun tarzı.

[@moonlight1490]

Merhabalar....website programlarını nerden almalıyız ya da alabiliriz

[@emirhankayabas]

Hocam merhaba bu yorumu görür müsün bilmem ama ufak bir sorun var. e posta için veya başka bir yerde minlength kullandığımız zaman koşul tutmazsa eğer üst üste geliyor yazılar. Örnek olarak şifre 8 karakter olması zorunlu ise ve kullanıcı 4 karakter yazıp focustan çıkarsa label aşağıya kayıyor ve kötü bir görüntü çıkıyor. Sadece inputun içi boş iken label inputun içinde kalmasını. İnputun içinde 1 karakter bile olsa ve focustan çıktıktan sonra aşağıya geri inmemesini sağlayabilir miyiz ?

[@PROTOTURKCOM]

şöyle bir şey yapabilirsin invalid ise rengini transparent yaparsın input'un, ancak input'a focus olmuşsa rengini normale çekersin, ve validesede zaten rengini yine normal olarak ayarlarsın, böylece üstüne gelen yazıyla çakışmazlar

[@ayhanexe9455]

Attr ogrendim nasil yardimci oldu anlatamam cok saol panpa

[@golanzor1047]

vay be css ne gelişmiş öyle

[@excalibur885]

Vaktin kalırsa şu css,jquery ve ajax içeriği üretirsen prototürk için iyi olur :)

[@ia151]

İnput boş bırakılabilcekse required kullanamayiz

[@PROTOTURKCOM]

formuna novalidate ekleyip kontrolleri iptal edebilirsin

[@ia151]

@@PROTOTURKCOM kontrol olmais gereken inputlarfa varsa :)

[@PROTOTURKCOM]

@@ia151 kontrollerin için validasyon paketleri kullanman daha iyi zaten bu native kontrolün hiçbir faydası yok zira :) bütün kontrollerin zaten backendde olacak ama öncesinde kontrol istersen bir çok validasyon eklentisi bulabilirsin javascript ile yazılmış

[@baygizz]

Şiir gibi kodluyorsunuz.

[@emrekantarkiran1267]

Merhaba codeopen.io ya yüklediğiniz kodları aynen attığımda css kodlarında bir çok hata alıyorum .Bunun sebebi nedir ?

[@PROTOTURKCOM]

codepen'de SCSS ile yazdım. CSS bölümünde sağdaki ok'a tıklayıp "View Compiled CSS" e tıklarsan normal CSS halini görebilirsin.

[@emrekantarkiran1267]

Çok teşekkür ederim.

[@gencyazilimci9037]

Yeniden php dersleri gelir mi ? Kurs hariç

[@PROTOTURKCOM]

Evet gelecek :)

[@bahlulhasanli]

Hocam yeni PSD to Css dersleri olursa tadından yenmez

[@PROTOTURKCOM]

herşey vakit, bir vakit bulayım mutlaka yeniden çekeceğim :)

[@bahlulhasanli]

Bu arada hocam, sana destek olmak için kursu satın aldım. Benimde bir çorbada tuzum olsun istedim :)

[@ilkerkaya3667]

required kullanmadan yapmanın bir yolu var mı acaba?

[@PROTOTURKCOM]

Evet farklı yolu var ancak tarayıcı desteğinde problemler oluyor. Şimdilik en sağlıklısı bu. :placeholder-shown olarak araştırırsan görebilirsin diğer örneklerini.

[@ilkerkaya3667]

Tamamdır hocam. Teşekkür ederim

[@burakataseven2595]

Abi material kullanirim hic ugrasmadan :s Bu arada Vue + Nuxt videolari cekermisin

[@PROTOTURKCOM]

Material olmasaydı nasıl yapardın merak ediyorsan izleyebilirsin :) Vue konusunda emin değilim, ama bir şeyler çekmeyi planlıyorum

[@gorkemtr]

hiç gereksiz bilgi olmaz mı be her videonda bişeyler kapıyom :D