◄ Min  Size Fonts: + | - | ± Color: Max ►

TiDaK AdA AkTiFiTaS

Ketika tidak ada aktifitas, malah melihat-lihat resource dan membaca artikel dari web rujukan. Ternyata menarik juga berpraktek-ria dengan bahasa baru HTML5 :D Lebih simple tapi konon menurut issue kurang baik dimata search engine, jika saat sekarang kita mengaplikasikannya! Kurang paham kalau mengenai itu Koben mah :P Walau tidak mengerti secara mendalam, namun beberapa tagging sudah ada yang support ;)
Banyak kegunaan bila kita mau mempelajari, mempraktekan, dari bahasa HTML 5 ini loh sob. Seperti yg saya katakan tadi, lebih sederhana dalam memakainya. Tentu dengan hal baru yg begitu mempesona dan pastinya jarang terpakai ;)) Contoh real yg sering dijumpai yaitu penanaman CSS inline pada sesi postingan. Seperti ini New!!!

Trik yg sama kita lakukan ketika mau membuat huruf menjadi tebal/miring yg berada pada post editor blog.<span style='color: #F00;font-size: 11px;font-style: italic;text-decoration: blink;background-color: #333;font-weight: bold;padding: 0 3px 0 3px;border: 1px solid #FF0;outline: 1px solid #333;'>New</span>Ingin berkreasi layaknya para master, mau tidak mau ya kita harus tahu bahasa CSS :)
Berikut beberapa atribut HTML5 yg menurut saya aneh tapi nyata :D

<progress style="width: 100px;" value=".3"></progress>

Loading...

<progress style="width: 100px;height: 5px;">Loading...</progress>

http://lea.verou.me/2011/07/a-polyfill-for-html5-progress-element-the-obsessive-perfectionist-way/

http://www.useragentman.com/blog/2012/01/03/cross-browser-html5-progress-bars-in-depth/

Klik teks di area ini, hapus dan edit sesuka kalian.

<div contenteditable="true">Klik teks di area ini, hapus dan edit sesuka kalian.</div>

Hahaha...aku ada di sisi kanan...!!!

<p dir="rtl">Hahaha...aku ada di sisi kanan...!!!</p>

Simpanlah rumusan keren untuk berkreasi jika memang tidak mau menghapalnya...wekekekekkk :P

Beben Koben Si Bloglang anu Ganteng Kalem Tea...heheheSekedar mengisi waktu luang, tidak ada aktifitas. Belajar...belajar...belajar \m/
Loading...
XTiDaK AdA AkTiFiTaS

Subscribe my posts Register For Free!

7 comments

[?] g+ convert

DO NOT EVEN TRY ADD LINK [-X
You can use some HTML tags, such as
<b> - <i> - <a> - http://...jpg/gif/png/bmp - http://youtu.be/...


MISC

Resources

WANT BE HERE!!! CONTACT ME :P

FACEBOOK PAGE