DNS prefecth, Web sitelerinde içerik zenginleştikçe sayfa indirme boyutu bu zenginlikle beraber büyüyor ve performans iyileştirmeleri ihtiyacı her geçen gün daha da artıyor. Performans iyileştirmesi yapmanın yeni yollarından biri DNS prefetch’dir. Bu yol ile genellikle CDN kullandığımız kaynakların DNS çözümlemesi için kaybettiği süre ile sayfanın yüklenme süresini geciktirebiliyor böylelikle kullanıcı deneyimi olumsuz yönde etkileniyor. İşte tam da bu sorunu çözmek için DNS prefetch kullanacağız.
Kategori: HTML
HTML5 özellikleri uzun zamandır kodlarımız arasında birçok özelliği ile yer aldı bu özelliklerinden biride genellikle css ile kazandırdığımız özellik olan gizle/göster özelliğidir. Attribute ile göster gizle olayını nasıl sağlarız makale devamında göreceğiz.
HTML5 Web Workers(işçiler) adındaki özellik ile sayfaya sonradan dahil edebileceğimiz javascript dosyaları içerisindeki workers(işçiler) sayesinde parçaladığımız ayrı javascript dosyalarını birer işçi gibi görevlendirebilmekteyiz.
Son zamanlarda mobil uygulamlarda ve web’de sıkça rastladığımız şifre göster gizle olayını basit bir şekilde html ve javascript kullanarak nasıl yapabiliriz onu göreceğiz.
WatiN aslında web projelerinizi test kütüphanelerinizde kolayca test işlemlerini gerçekleştirebilmek için tasarlanmış bir kütüphanedir fakat bu kütüphane yardımıyla bir sitedeki verileri parse edip kolayca işleyebilirsiniz makale devamında bol örnek ile tam olarak neyden bahsedildiğini çok daha iyi anlamış olacaksınız.
Ionicons font ikon, Font Awesome ile başlayan font ikon paketi serüvenine kaliteli ve bol çeşitli olarak Ionicons adlı font ikon paketi 100% ücretsiz ve open source olarak katılmıştır.
Google nofollow ve dofollow, İnternette nofollow ve dofollow için farklı farklı bilgiler yer almaktadır Google’in ortaya atmış olduğu nofollow ve dofollow değişkenleri ile ilgili bende bu makalede nedir, ne işe yarar, kullanırsak etkisi iyi veya kötü yönde nasıl olur gibi durumları değerlendirerek adım adım gideceğiz.
HTML’de listeden seçim yaptırmak için en sık kullandığımız nesnelerden biride select elemanıdır ve bu html elemanı içerisindeki listeyi gruplamak isterseniz optgroup etiketini kullanmanız gerekecektir. Tek yapmanız gereken option ile oluşturduğunuz listenizi optgroup etiketleri arasına almak.
Aslında başlıkda belirtmiş olduğum şeyi css ile ufak bir backgroun-color özelliği kullanarakda yapabilirdik fakat etiketler kullanarak css kullanmadan alternatifler olduğunu görmek çoğu yerde işimize yarabilmektedir.
HTML5 ile beraber gelen ve neredeyse flash ile yapabileceğiniz işlemleri CSS3 desteğinide işin için katınca sınırın sadece hayal gücü ile mümkün olduğu bir web teknolojisi ile karşı karşıya kalıyoruz. Fakat kod yazmaktan ziyade araçlar ile HTML5 animasyonları hazırlamak mümkün.
PDF dosyalarınızı görüntülemek günümüzde güçlü tarayıcılar ile oldukça basit sadece yeni sekmede pdf dosyasını açmanız yeterlidir fakat bu durumdada tarayıcının pdf görüntüleme desteği olmaması gibi engellerden görüntülenmeyebilir.
HTML liste elemanlarını galeri, menü oluşturmaktan çok genel işlevi olan listeleme türleri ve şekilleri üzerinde yüzeysel olarak duracağız.
Google Material Design, Androidde Google uygulamlarının yeni tasarımı olan material design ile ilgili web veya mobil uygulamalar geliştirmek isterseniz birbirinden güzel kaynaklara makalenin devamından ulaşabilirsiniz.
En sık kullanılan HTML etiketlerinden biri olan form etiketi ile veri transferi yapabiliyoruz veri transferi yaparken gönderilecek verilerin nasıl olarak gönderileceği ile ilgili 3 seçenek bulunmaktadır makale devamında detaylı bilgi alabilirsiniz.
HTML kodlarını yazarken bazen a(anchor) etiketlerimizin href veya target etiketlerimiz boş olarak sunulmuş olabiliyor bu durumda html’de boş href ve target attribute’lerine sahip html element’leri için base etiketini kullanıyoruz.
Yapım aşamasındaki siteniz için kullanabileceğiniz HTML + Javascript ve responsive gerisayım tasarımına makale devamında yer alana indirme linki ile ulaşabilirsiniz.
HTML font’u kalın, eğik(italic), altı çiziki yapmak için mantıksal font stillerini kullanırız yani hiçbir css değişikliği yapmadan yazılar üzerinde istediğimiz değişiklikleri html etiketleri kullarak yapabilmekteyiz makale devamında bu mantıksal font stillerinin neler olduğu görebilirsiniz.
HTML5 ile beraber gelen en önemli özelliklerden biri olan video etiketi ile videolarımızı flash objelere ihtiyaç duymadan kolayca yürütebilmekteyiz gün geçtikçe daha fazla site tarafından kullanılan bu özelliği birde videojs ile kullanmayı deneyiniz.
Html a Etiketi, HTML’de en çok kullanılan etiketlerden biride a(Anchor) etiketidir bu etiket ile genellikler farklı sitelere absolute link verme veya site içerisinde kullanıcının daha rahat dolaşabilmesi için site içi relative linkler verilebilir.
Başlıkta’da belirtildiği gibi HTML5 ile gelen datalist ile input nesnesi için veri listesi hazırlayabilirsiniz örnek olarak range türü için aralık, color için renk listesi, text için otomatik tamamlama gibi özellikleri datalist veri listesi oluşturarak kullanabilirsiniz.
