Web Multimedia dengan HTML5, CSS3, dan JQuery

Apakah HTML5 ?

• HTML5 bukan sekedar pengenbangan dari HTML4. Spesifikasi HTML5 dua kali lebih banyak dari HTML4. Hal ini dikarenakan HTML5 = HTML4 + XHTML 1.0 + DOM level 2.
• HTML 5 diaplikasikan secara berbeda-beda pada bermacam-macam browser. untuk memeriksa kompatibilitas dari suatu browser dengan HTML5 , dapat dicek melalui browser bersangkutan ke http/html5test.com

Fitur Baru HTML5 ?

1. kemampuan menangani kesalahan (eror handling) yang lebih baik.
2. elemen dan Atribut baru, seperti Canvas, da atribut - atribut from baru.
3. dukungan untuk Multimedia (Audio dan Video) berupa tag / elemen khusus.
4. dengan adanya dukungan multimedia langsung pada browser, akan mengurangi ketergantungan dari Plug-Ins.

HTML5 Demo

• Canvas

1. http://spielzeugz.de/html5/liquid-particles.html
2. http://www.mrspeaker.net/dev/parcycle/
3. http://andrew-hoyer.com/andrewhoyer/experimen
4. http://bomomo.com/

• Audio & Video

1. http://youtube.com/
2. http://videojs.com/
3. http://www.html5video.org/
4. http://lab.simurai.com/ui/zen-player/

Apakah CSS3 ?

• CSS3 adalah modifikasi dari CDD versi sebelumnya, dengan menambahkan beberapa fitur yang melengkapi fitur di versi sebelumnya.
• CSS3 terbagi menjadi beberapa bagian yang disebut modul. dengan modul, dukungan terhadap CSS3 menjdi luas, dan dapat diaplikasikan di berbagai web browser.

Fitur - fitur baru CSS3 ?

• Beberapa fitur baru yang terdapat dalam CSS3 :

1. 16 pseudo Class baru, diantaranya ":nth-child","nth-last-child", dan banyak lagi
2. mendukung transformasi background, dan multiple background
3. mendukung penggunaan font non-standar dalam halaman website
4. dan fitur lainnya.

Kolaborasi HTML5 & CSS3 ?

• http://html5readincss.com/
• http://clearideaz.com/portfolio/
• http://www.iandevlin.com/
• http://eyestylesllc.com/
• dan banyak lagi

Apakah JQuery ?

• JQuery adalah kumpulan pustaka fungsi-fungsi Javascript, yang dirancang untuk mempermudah pembuatan Client-Side Script di HTML
• dikembangkan oleh Jhon Resig, dan diluncurkan ke publik pada Januari 2006 pada BarCamp NYC
• dukungan pada berbagai macam browser menjadikan JQuery sebagai pustaka Javascript yang aling bnyak digunakan.

Fitur - fitur JQuery

• JQuery mempunyai fitur-fitur sebagai berikut :

1. Events
2. Efek da animasi
3. Manipulasi CSS
4. Ajax
5. Dukungan pada berbagai web browser
6. Plug-Ins
7. dlsb.

Kolaborasi HTML5, CSS3, dan JQuery dapat dilihat dan dipakai melalui Google Chrome

Adakah Alternatif lainnya ?

• Adobe Flash

1. http://orangedan.net
2. http://www.netmagazine.com/features/top-20-flash-sites-2011-so-far

• Microsoft Silverlight

1. http://www.silverlight-templates.com/overview/list-of-10-best-silverlight-websites/

Sumber :

• Seminar IT : Tips Trik SEO & Web Multimedia with JQuery