HTML 5 Nedir ? Son Yenilikler. Web 3.0 Nereye koşuyor.

Paylaş.

Bu sürümü (HTM5) Mozilla Firefox ve Opera tarayıcılarının güncel sürümleri tarafından kısmen desteklenmektedir.

 Google Chrome ve Safari tarayıcılarının güncel sürümleri üzerinde, deneme aşamasında da olsa çok daha iyi bir şekilde çalışmaktadır.

Günümüzde kullanılan HTML 4.1 sürümü, CSS desteğiyle ne kadar düzenli ve sağlam bir yapıda kodlanırsa kodlansın sürekli javascript CSS , ve html tag problemleri yaşanmaktadır. Bu sorunları gidermek için HTML 5 ve yenilikleri ile karşımızda.

Video paylaşım sitesi Yotube, deneme aşamasında HTML 5 i kullanıcılarına sunmaktadır. Yotube-TestTube üzerinden etkinleştirilebilir.

http://www.youtube.com/testtube

Yeni HTML 5 tagları :

•<canvas>: Sayfada bir tuval alanı oluşturur. Tuvale çizim javascript ile yapılabilir.
•<audio>: Sayfaya ses oynatıcı bir modül ekler.
•<video> : Video oynatıcı bir modül ekler.•<progress> : İşlem süreci göstergesi ekler.
•<caption> : Başlık olarak düşünülen metinleri düzenler.
•<header> : Sitenin başlık ve açıklama içeriğini alır.
•<nav> : Menüleri ve bir takım zaruri işlevleri içine alır.
•<footer> : Sitelerin en alt kısmını içine alır.

Şimdi bu taglarla ilgili bazı referans örnek siteleri inceliyelim :

  • canvas : Bence Html 5 ‘in en muhteşem özelliği. sayfada bir alan oluşturur ve bu alana Javascript yardımıyla bir proğramı html dosyanızın içine alabiliyorsunuz.
  • Örnek : canvaspaint.org (paint uygulaması)
    Örnek : Inanılmaz bir 3D tetris oyunu

  • video : Bu tag ile video dosyalarınızı cağırıp zahmetsizce videolarınızı ziyaretcilerine izletebilirsiniz.
    örnek için buraya tıklaynız.
  • audio : Müzik dosyalarınızı yayınlamak için player oluşturur.
  • header : Üst alan oluşturur. (Css ile uzun saatler alan ayarlamalardan kurtarır)
  • footer : Alt alan oluşturur.
  • nav : Menu gibi kolonlar oluşturur.
  • geolocation : Ziyaretcinizin harita üzerindeki konumunu belirlemek için.
    örnekler için buraya ve buraya bakabilirsiniz.
  • postMessages : Tarayıcıya mesaj göndermenizi sağlar.
    örnek için buraya tıklayınız.
  • drag&Drop : Sürükle bırak özelliği.
    örnek için buraya ve buraya tıklayınız.
  • drag Anything : Sayfa içindeki elemetleri sürükleyip başka bir elementin içerisine koyabiliyoruz.
    örnek için buraya tıklayınız.

Evet örnekler çok etkileyici flashı aratmıyor gibi ama kodlaması bayağı amelece geldi bana  2010 IT dünyasında studio editorlü,  nesneye dayalı programlamaların kapıştığı,  framework yapılarına göre, notepad günlerinde HTML 1.0 yazdığım günler geldi birden aklıma , ve flash 3 ozamanlar neler yapıyordu  HTML ‘e göre . 

 Şimdi biri bana flashı bırak notepad ile animasyon yap dese gülerim. HTML 5 in  görsel programlama editörüne ihtiyacı var . ve çok sağlam bir studio editor olmalı.  microsoft bu işi zaten eline yüzüne bulaştıranlardan önde gelen bir firma.

Belki borland HTML 5 ‘e el atarda bir editor yazarsa bilmem. Hala delphi 5 design özellikler visual studio 2010 da bile yok çok  rezalet bir durum .

Biliyorum yazdıkça farklı konulardan ilişki kurasım geliyo sanırım tecrübeden olsa gerek 🙂

Başka bir bakış açısı da benden olsun.

Tecrübeme dayalı konuşmak istersem 10 yıldır web iyi kötü takip ediyorum .

 Flash biraz zor geride bırakabilir gibi görünüyor. flashda bir animasyonu yapmak CS 5 son sürümündeki güçlü tool ları ile nerdeyse imkansız. Ve yıllarca birikmiş flash uygulamaları yayında. herkezi nasıl Flash ları silin HTML 5 ile yazın ı diyeceksiniz bu bayağı uzun bir süreç ve alternatiflerine bakalım.

Flex , microsoft’un Silvir light teknolojileri hep flashı çökertmek için çıkan teknolojiler silver light kullan web ajansı henüz görmedim çıkalı 2 yıl oluyor.  kim kullanıyor bu dili . bana birir referans 100 adet site versin microsoftun demo referansları var 🙂 onada silvir lisht player yuklu olmalı ben linux kullanıyorum ne olacak linux için olanı indir herp aynı geyik o teknoloji için onun izleyicisi gerekli.

Bu konuda HTML 5 ışık verici avantaj da budur bence tüm browserlar bunu desteklerse ekstra api, plugn, player olayından işletim sistemi bağımsız kurtuluruz ve web siteleri her ortamda aynı kodlama sonucunu verir. insallah diyorum ve bekleme devam etmekten başkada şansımız yok görünüyor.

Bazı uçuk linkler :

http://aloha-editor.com/demos/wordpress-demo/ 

http://html5demos.com/

http://html5tutorial.net/

http://www.phpguru.org/html5-examples

 Eski Borland Turbo  Pascal ve Delphi ‘ci

Burhan KARADERE

VN:F [1.9.22_1171]
Rating: 0.0/10 (0 votes cast)
VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)