Ağu 25 2010
HTML 5 Nedir ? Son Yenilikler. Web 3.0 Nereye koşuyor.
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.
- 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.
Örnek : canvaspaint.org (paint uygulaması)
Örnek : Inanılmaz bir 3D tetris oyunu
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://www.phpguru.org/html5-examples
Eski Borland Turbo Pascal ve Delphi ‘ci
Burhan KARADERE
29 Ağustos 2010 @ 00:45
Hocam,
Flex ve HTML5 karşılaştırdığınızda ne dersiniz? HTML65’in Flex olgunluğuna ulaşmasının kaç yıl alacağını öngörebiliyor muyuz? Zira IE’de html5 çok eksik.
1 Eylül 2010 @ 21:07
Flex veya diğer silvir light gibi uygulamalara işletim sistemi tarafında bir runtime ‘a ihtiyaç var .
Flash player gibi html 5 de ise buna gerek olmayacak direk web tarayıcı üzerinde çalışacak.
explorer ise direk işletim sistemi ile geliyor. en buyuk avantajı bu.
explorer daki html 5 desteği ise bir sonraki sürüme gelecektir. su siralar 9 versiyonunu test edilmekte.
burada önemli olan internetin geçmişi çok eski olması arpa net ten word wide web doğuşundan bu güne .
milyarlarda web sitesi bir sunucu üzerinde ve bu web uygulamaları için enerji zaman ve para harcandı .
tum sitelerin html 5 destekli yapılması biraz zaman alacak. kısacası zamana ihtiyacımız var eger html 5 in yapabilirlikleri flex degilde flash ‘in animasyon yapabilirlikleri yakalarsa bu iş olur flex zaten database baglanma konusunda kendi platformunu istiyo bu konuda cok zayıf . HTML ise asp php jsp gibi dinamik dilleri ve budillerin kendi veri tabanlarına erişebilir oracle, my sql, ms sql, access server uzerinde direk dinamic ve HTML 5 ,4,3,2,1 destegi kulağa hoş geliyor. animasyon için ekstra swf embed etmeyecez yani pure html koduna javascript te ve hangi dinamic dili kullanıyorsanız ona devam . bence çok mantıklı ama dediğim gibi biraz zaman var. kimse html 5 hafife almamalı . kodlamada sadece not pad bile yerli olacak. :)) back to feture :))