Download Free Tools Generate Data URI

Masih ingat dengan artikel uniqueness of data uri or base64! Ternyata bahasa yang menggenerate data menjadi DataURI berkaitan erat dengan DOM. Markup HTML/xHTML di render terbaca dalam bentuk grafik DOM, lalu jadilah rendered view dalam bentuk dataURI, begitu kira² :d Cobalah tools Live DOM Viewer biar terlihat jelas (walau tidak ngerti juga) software.hixie.ch/utilities/js/live-dom-viewer Ingat juga dengan postingan brainy bookmarklet links? Dengan teknik penulisan bookmark tersebut, bisa juga kita membuat serialize as xml. Try it:

Melihat source secara full.
• Generated Source
Melihat source hanya yang dipilih.
• Partial Source
Membuat syntax link.
• Make Link
Membuat syntax image.
• Make img Tag
Like make DataURI.
• Serialize as xml

Beberapa link bookmarklets usefully, sikat, save pada bookmark toolbar, pilih browser apa yg kalian pakai import bookmarklets Koben sudah buatkan tools generator img to data-uri convert image to data uri Untuk data gambar akan tampil previewnya, sedangkan jika data lain tidak akan tampil previewnya. Setelah di coba, ternyata tools convert data-uri mendukung semua file yg penting kita tahu jenis type mime-nya. Susunan syntax data-uridata:[<MIME-type>][;charset=<encoding>][;base64],<data>Setelah gue hunting di github dapatlah tools File to Text dan Data URI Generator. Yang satu simpel dan sederhana, satu lagi canggih dan gaya masing-masing punya manfaat sama untuk membuat data uti eh uri :p Yang canggih dilengkapi dengan generate text, dan opsi dalam memilih jenis type mime yg mau di pakai :)) Nggak pakek screenshot, download saja cobain langsung bro...

Sampe element canvas game snake bisa dibikinkan dataurinya bytex64.net/code/datasnake/
Semoga bermanfaat :)
Happy uri uri \m/