Can Erdoğan

HTML5′in Getirdikleri ve Tarayıcıların(Browser) Götürdükleri

HTML şimdiye kadar sadece görsel tasarımla ilgiliydi. Bu görselliğe daha estetik bir yaklaşımı CSS ile, işlevselliği ise JavaScript ile kazandırıyorduk. HTML5′in ortaya çıkışıyla birlikte bu durum tamamen değişmeye başladı. Artık bir çok işlevi HTML kendi içerisinde barındırıyor olacak.

Bunlardan en ilgi çekici olanların başında video görüntülemek geliyor. Tabi bunun popülaritesinin sebebi dünyadaki internet trafiğinin %75′inin yoğun olarak videoya ayrılması olarak da söylenebilir. Tabi HTML5′in getirileri bu kadar basit değil. Özellikle “canvas” ile yapılanları ve yapılabilecekleri araştırmanızı tavsiye ediyorum. Birde tabi şu da var ki HTML5 sadece kendi başına bir çok şey yaparken bir çoğunu da yine JavaScript ile birlikte gerçekleştiriyor. Ancak öncesine göre oldukça basit şekilde.

Yine HTML5 ile gelen en hoşuma giden ve arayüz yazılımcılarının çok işine yarayacağından emin olduğum özelliklerden biride yeni “input” tipleri ve bunların özellikleri. Artık e-posta kontrolü için JavaScript doğrulaması kullanmak yerine basit bir HTML kodu ile bunu gerçekleştirebiliyor olacaksınız.

Bu ve bunun gibi daha bir çok yeniliği mevcut. HTML5′in Özellikle hız konusunda oldukça büyük bir fark yaratacağı kesin. Yakın zaman içerisinde HTML5 ile yapılabilecek güzel örnekleri bir araya toplayarak Web’den Tasarım alanımızda sizlerle paylaşıyor olacağım.

HTML5 ile ilgili en doğru bilgiyi W3.org adresinden alabilirsiniz. Aynı zamanda sürekli eklenen yenilikleri Twitter’dan http://twitter.com/HTML5 takip edebilirsiniz.

Birde tarayıcıların HTML5′i ne kadar desteklediklerine bir bakalım. Şu adreste tarayıcıların HTML5 ve CSS3′e verdikleri destekleri çok güzel bir şekilde tablolamışlar. Biz HTML5 ile ilgili mini bir alıntı yapıp detaylar için sizi o siteye yönlendirelim.

Tarayıcıların Destekledikleri HTML5 Yenilikleri (Resme tıklayarak tüm HTML5 Özelliklerini tablo olarak görebilirsiniz. Açılan Fotoğrafa sağ tıklayarak yeni sekmede büyük olarak görebilir veya bilgisayarınıza kaydederek büyük boyutta inceleyebilirsiniz.)

Eğer yukarıdaki resme tıklayarak tüm HTML5 yeniliklerine olan tarayıcı desteklerine baktıysanız hala tarayıcıların bir çok yeniliğe yetişemediğini göreceksiniz. Bakalım önümüzdeki güncellemeler bizlere neler getirecek.

“Chrome’un dikkat çekici yükselişi ve dikkat çekenler.” yazım veya “Internet Explorer kullanım oranları” yazım ilginizi çekebilir.

Tüm CSS3 ve HTML5 karşılaştırmaları için şu adresi (http://www.findmebyip.com/litmus) kontrol edebilirsiniz.