CSS ile Kayan Label Yapımı vs jQuery
HTML-код
- Опубликовано: 12 сен 2018
- Bu ders Tayfun Erbilen tarafından hazırlanmıştır.
Yeni çıkardığım PHP Eğitim Setime gözatın!
udemy.com/php-egitim-seti/?co...
-- Sosyal Hesaplarım;
/ erbilennet
/ prototurkcom
/ tayfunerbilen
/ prototurkcom
/ tayfunerbilen
Dersteki örneği incelemek için;
codepen.io/tayfunerbilen/pen/qMKxeQ
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.. .:)
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...
Eskisi gibi hatayı önce göstererek adım adım gitmen anlatımda çok yararlı bir teknik olmuş. Teşekkürler
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.
RUclipsun en sevdigim kanali
4:27 o gelmedi ama yeni video geldi gönlümüze, teşekkürler abi yeni şeyler öğrendim.
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 :)
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.
+1
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.
Muazzam bir insansın abi ya
abi bir sana bakıyorum bir de en ufak css işlemini js ile yapmaya çalışanlara.. büyük bir nimetsin sen
Ya arkadaş videolarını izledikçe forntend e yardırasım geliyor. Eline sağlık yine çok güzel çalışma olmuş.
Bilgilendirme için teşekkürler. Güzel bir paylaşım olmuş.
Teşekkürler böyle bir dersi cektigin için. Kolay gelsin.
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 :)
10 numarasın hocam, örnek çok güzel. + özelliğinide ilk defa duydum teşekkürler
Bence Güzel Bir Ders Oldu Hocam Teşekkürler Çok İşime Yarıyacak :)
Yazilim bilgim yok ama izleyerek ne kadar olmasada sizden ogrenmek guzel derslerinizin hepsi mukemmel insaallah tanışmak dileğiyle.
Merhaba Tayfun, çok güzel bir dersti gene. Öylesine ders çekmiyorsun. Yıllar sonra CSS3 dokümantasyon ve yeniliklerine baktırdın :)
vay be css ne gelişmiş öyle
Merhabalar....website programlarını nerden almalıyız ya da alabiliriz
Attr ogrendim nasil yardimci oldu anlatamam cok saol panpa
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ı.
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 ?
şö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
Şiir gibi kodluyorsunuz.
Yeniden php dersleri gelir mi ? Kurs hariç
Evet gelecek :)
Abi ilk yorum benden. ve phpmailler dersliyi yerlesdirmeyini isterdim. cunki bunu senin dersliklerinde bula bilmedim
evet onun için makale yazdım ama hiç video çekmedim sanırım. yazdım listeye, onuda çekelim :)
sen benim kumirimsin her zaman... men senin derslerini hevesle izleyirem...
Vaktin kalırsa şu css,jquery ve ajax içeriği üretirsen prototürk için iyi olur :)
required kullanmadan yapmanın bir yolu var mı acaba?
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.
Tamamdır hocam. Teşekkür ederim
Merhaba codeopen.io ya yüklediğiniz kodları aynen attığımda css kodlarında bir çok hata alıyorum .Bunun sebebi nedir ?
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.
Çok teşekkür ederim.
Hocam yeni PSD to Css dersleri olursa tadından yenmez
herşey vakit, bir vakit bulayım mutlaka yeniden çekeceğim :)
Bu arada hocam, sana destek olmak için kursu satın aldım. Benimde bir çorbada tuzum olsun istedim :)
İnput boş bırakılabilcekse required kullanamayiz
formuna novalidate ekleyip kontrolleri iptal edebilirsin
@@PROTOTURKCOM kontrol olmais gereken inputlarfa varsa :)
@@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ış
Abi material kullanirim hic ugrasmadan :s Bu arada Vue + Nuxt videolari cekermisin
Material olmasaydı nasıl yapardın merak ediyorsan izleyebilirsin :) Vue konusunda emin değilim, ama bir şeyler çekmeyi planlıyorum
hiç gereksiz bilgi olmaz mı be her videonda bişeyler kapıyom :D