Merhaba, bugün CSS ve HTML kullanarak basit bir özel onay kutusu oluşturdum. Mükemmel değil ama umarım beğenirsiniz.
Etiket: HTML
Yalnızca CSS kullanarak yapılan şeyleri sevdiğimi birçok defa söylemiştim, sadece HTML ile yapılan şeyleri de seviyorum. Aslında ek JavaScript gerekmeksizin uygulama veya web sitesinde birçok şey yapılabiliyor ancak çoğu developer çok daha kolay yazabildiği ve CSS’in karmaşasına girmemek için JavaScript tercih ederler, fakat bu elbette sitenin çalışma hızından ödün vermek anlamına gelmektedir.
Bu yazıda CSS’de üçgen çizmek için farklı yöntemleri göreceksiniz. Hem geleneksel ve basit hem de daha modern yöntemler üzerinde duracağız.
Bilmediğimiz ve kullanmadığımız birçok HTML etiketi var, bunlardan biri de <meter>. HTML meter etiketi sayfa içerisinde bir sayaç/bar eklememize izin verir.
HTML’nin bir yazım denetimi özelliği olduğunu biliyor muydunuz Tarayıcıya bir alanda yazım denetimi yapıp yapmayacağını söyler. spellcheck Bir öğeye bu öznitelik eklenir kadar basit.
WordPress 5.5 versiyonu ile birlikte site içeriklerinde kullanılan tüm görsellere loading="lazy" kodunu ekler, 5.7’den itibaren iframe’lere de aynı şekilde ekleme yapmaktadır.
Bu yazımda HTML ve CSS kullanarak sayfa içerisindeki resmlerin üzerine gelindiğinde :hover olarak metin gösterilmesini paylaşacağım. Bu Google Görsel SEO için de iyi bir işlem.
HTML ve CSS kullanarak aç-kapa(toggle) buton oluşturmak o kadar da zor değil, nasıl yapılabileceğini paylaşıyorum.
Hello World! Bugün sizlere Front End web developerların işine yarayacak, @DevLorenzo’nun hazırladığı Cheatsheet derelemesini paylaşacağım.
Sadece HTML ve CSS kullanarak animasyonlu bir paylaş butonu oluşturacağız. Basitçe, paylaşma butonu, kullanıcının sosyal medya aracılığıyla takipçilerine resim, video, müzik göndermesine yardımcı olan bir düğme anlamına gelir. Facebook, Twitter, Linkedin, YouTube ve diğerleri gibi herhangi bir sosyal medya olabilir. Günümüzde paylaşım düğmeleri, kullanıcının paylaşımını kolaylaştırmak için hemen her web sitesi ve mobil uygulamada kullanılmaktadır.
Son zamanlarda Teksas’da bile kar yağıyor, bu haftanın başıyla Marmara’da da güzel kar yağdı değerlendirmelere göre bugünden sonra artık yağmayacak. Bu yazımda HTML ve CSS ile(JavaScript olmadan) web sayfasına kar yağdırma efekti yapayı göstereceğim.
Notepad++ muhteşem bir metin editörüdür, hemen hemen var olan tüm dosya formatlarını düzenleyebilirsiniz, çoğunlukla kod işi ile ilgilenenler kullanır.
Lazy Load aslında tarayıcılar için çok yeni bir teknoloji değil, 2017’den beri kullanılmakta, sadece bazı tarayıcılar ve bazı eski versiyonları desteklemiyor olabilir. Modern son sürüm tarayıcıların hepsi, yani Chrome tarayıcılar ve Mozilla Firefox tam olarak desteklemekte diğerlerinin bazı sorunları olabilir.
Geçen gün bu blog için yaptığım arşiv sayfasında sitedeki tüm başlıkları listelemiştim, aklıma arşiv sayfasına girenlerin sayfa içerisinde listelenmiş başlıklar içerisinde arama yapabilmesi fikri geldi ve hemen jQuery’ye sarıldım ve yaptım. Tabii ki paylaşıp bu deneyimi de arşivlemek istedim.
Bazen bir html etiketi içerisinde yazıların(metin) uzunlukları tutarlı olmayabilir ve kaotik bir durum oluşur, belli ölçülerden taşar vs.
Bunu aşmak için ilgili etiket içerisindeki metnin uzunluğunu sınırlamak tasarımcıları rahatlatır, bunu genelde backend de yapmak gibi bir eğilim vardır ancak buna hiç gerek yok çünkü CSS ile de bu yapılabilir.