Skip navigation

Beberapa hari yang lalu saya sempat posting tentang kejutan migrasi WordPress.com ke HMTL 5. Sebenarnya itu hanya asumsi saja tanpa ada bukti atau usaha untuk membuktikannya lebih lanjut karena yang saya dengar hanya HTML 5 yang dapat melakukan itu tanpa Flash. Namun kemudian, ada satu komentar dari Mas Willy P, menurut beliau kalau melihat source code itu adalah Javascript menggunakan framework jQuery. Nah ini membuat saya tersadar untuk melakukan sedikit check and recheck (bukan gosip loh), dan benar saja ada potongan kode Javascript di sana:

<div style="text-align: center;" id="statchart">
<div id="chartswitch">
<a id="stat-1"  class='active' href="index.php?page=stats&amp;blog=1962781&amp;unit=1">Hari</a>
<a id="stat-7" href="index.php?page=stats&amp;blog=1962781&amp;unit=7">minggu</a>
<a id="stat-31" href="index.php?page=stats&amp;blog=1962781&amp;unit=31">Bulan</a>
</div>
<div id='stat-chart-container' style='width:670px;height:287px;margin:auto;' class='stat-chart'>		<!--[if lt IE 9]><script type="text/javascript" src="https://s-ssl.wordpress.com/wp-includes/charts/flot/excanvas.min.js"></script><![endif]-->
</script><script type="text/javascript" src="https://s-ssl.wordpress.com/wp-includes/charts/flot/jquery.flot.js"></script>
<div id='stat-chart-legend' style='width:570px;height:22px;margin:auto;'></div><div id='stat-chart' class='stat-chart' style='width:670px;height:265px;margin:auto;text-align:center;'><img src='https://s-ssl.wordpress.com/i/loading/fresh-64.gif?m=1284356531h' /></div>
<script type="text/javascript">
// <![CDATA[
jQuery( function($) {
        $( '#stat-chart' ).load( 'https://rotyyu.wordpress.com/wp-includes/charts/flot-stats-data.php', {"legend_height":22,"legend_width":570,"height":265,"width":670,"page":"stats","chart_type":"stats-data","blog":1962781,"unit":1} );
} );
// ]]>
</script></div></div>

Investigasi dilanjutkan dengan menggunakan perkakas yang disediakan Chromium, cukup klik kanan pada chart lalu pilih “Inspect Element”, saya menemukan potongan kode ini:

<canvas width="670" height="265" style="position: absolute; left: 0px; top: 0px; "></canvas>

Ini dia yang membuktikan kalau ini adalah HTML 5, karena tag canvas itu adalah salah satu elemen baru yang diperkenalkan di HTML 5. Katanya canvas itu adalah elemen yang dapat digunakan untuk menggambar grafik menggunakan script seperti Javascript. Jadi dugaan saya tidak keliru kan? 🙂

5 Comments

  1. Ya kemarin saya juga baca-baca dikit untuk HTML 5. Memang untuk menggambar di harus pakai java script.

  2. Begitulah katanya tapi memang keren ini si HTML5

  3. nyobain ah html 5, ciiip infonya

  4. Hmn…, fitur baru yang cukupi mumpuni nieh, sepertinya flash bakal sedikit tergusur

  5. hmm bklo blogspot uda ada lom ya . . . ?


Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: