Web sayfalarımızı zenginleştirmenin en kolay yolu Adobe Flash kullanmaktı. Fakat mobil cihazların (özellikle Apple ailesinin) Flash desteği vermemesi veya kısmi destek vermesi bizi farklı arayışlara sevk etti. Zengin içerik için en etkin çözüm ise HTML 5′de bulundu.
HTML 5 sayesinde Flash ile yapacağımız -neredeyse- herşeyi yapabiliyoruz. Aşağıda bulacağınız 10 HTML 5 aracı, bize HTML 5′i etkin ve hızlı kullanmak hakkında yardımcı olacaktır.
Periodic Table of the Elements
Bu tablo HTML 5 ile çalışan 106 öğeyi gösteriyor. Her bir öğe üzerine tıkladığınızda kullanım amacının ne olduğunu anlatan kısa bir yazı bulabiliyorsunuz.
Çok kapsamlı şekilde HTML ile kullanılan tüm öğeleri gösteren bu resim ayrıca öğelerin alabileceği nitelikleri de gösteriyor. Öğelerin hangilerinin HTML 5 ile geldiğini, hangilerinin HTML’in hangi versiyonları ile çalışacağını da gruplayan bu resim HTML kodlayanlar için faydalı olacaktır.
Basit ve hızlı şekilde HTML 5 destekli Framework yaratmanızı sağlayan bu araç, internette bulunan diğer araçlardan farklı seçenekler sunmakta. İstenilen seçenekleri kolayca işaretleyerek hızlı bir şekilde Framework’ünüzü oluşturabilirsiniz.
Hali hazırda kullandığımız internet tarayıcılarının hangisinin ne derecede HTML 5 desteklediğini malesef bilemiyoruz. Hazırlanan bu site, bazı örneklerle birlikte anlatılan örneğin hangi tarayıcılarda çalıştığını gösteriyor. Kullanımı basit ve kullanışlı bir araç.
Bu sitede HTML 5 özelliklerinin hangi mobil cihazlar tarafından desteklendiğini bulabilirsiniz.
Kullandığınız web tarayıcınızın HTML 5 ile ne kadar uyumlu olduğunu ölçen bu site, hangi HTML 5 kodlarının desteklendiğini de detaylı olarak gösteriyor.
HTML 5′in en etkin elemanlarından olan CANVAS’ın kullanımı hakkında detaylı bir araç.
HTML 5 hakkında tüm haberleri öğrenmek, hiç bir güncellemeyi kaçırmak istemeyenlerdenseniz bu site tam size göre.
What is HTML 5? (infographic) & Ultimate HTML 5 Cheatsheet
HTML 5′in ne olduğu, nerelerde etkin kullanıldığını anlatan bir infografik ile birlikte HTML 5 öğelerinin tamamının ne işe yaradığını anlatan güzel bir blog yazısı.
Yine HTML 5 öğelerini ve nerelerde kullanıldıklarını anlatan bir site. Sitenin güzel yanı, tüm öğeleri alfabetik olarak size sunması. Bu yapı kullanmak istediğiniz bir öğenin ne işe yaradığını kolayca bulmanıza olanak veriyor.
Bir iki ekleme yapmak isterim
HTML5 Boilerplate
HTML5 için hazır şablon
Dive Into HTML5
HTML5 öğrenmek için online kitap
html5shiv
IE’nin eski versiyonlarının HTML5 elemanlarını tanıması için bir js
Best Mobile Web HTML5 Framework For Mobile App Development
Mobil HTML5 Frameworkleri