Jumat, 03 Januari 2014

Get Free Apps .html The data: URI kitchen

Apabila sobat membaca artikel gue uniqueness of data URI or base64 and download free tools generate data URI dan tentunya mendatangi link source yang ada, maka kalian pasti akan menemukan halaman software.hixie.ch/utilities/cgi/data/data
Halaman depan web hanya menampilkan 4 buah link! Bercabang dan berisi code/script usefully. AA Koben akan berbagi info tentang apps The data: URI kitchen. Ada yg unik dari tools tersebut. Kita bisa melakukan generate kode, ada 2 opsi hasil generated tersebut. Mau gelondongan HTML yg depannya di cover dengan syntax text/html;charset=utf-8 atau jebret langsung menjadi base64 URI! Simak lesson sederhana berikut ini yah.

Koben punya susunan markup sbb<a href="http://beben-koben.blogspot.com/">
<img alt="beben-koben" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfEpRYtgDFFggJQxcLMcLyUB8aeG5Px5ne781RHqwxepo-RWUCvNAtFzNxQS4m3E8YyAEu7MA6ZkvHofKhpeGmTN1nZwh48gpDLR2H7-a7JBULEIZ1ZPQlvjWJS0hqrk5-z9acLQW4bqdu/s100/beben-koben.png" />
</a>
<br />
Follow me <a href="https://plus.google.com/106979433441667164665">+BebenKoben</a>
Secara umum untuk menampilkan preview dari markup tsb pasti memerlukan bantuan pihak ke-2, minimal anda memakai HTML editor Notepad jg bisa. Begini result kalau menggunakan editor post blogger

beben-koben
Follow me
Preview itu jika mau tampil pada browser engine bagaimana? Jawaban dari itu semua yaitu keistimewaan dari fitur data URI. Kelemahannya adalah, makin banyak kode yg akan di generate, URI yg dihasilkan pun akan panjang seperti usus brontosaurus :))

Masih contoh markup yg sama, berikut hasil generate dari The data: URI kitchen...

Gelondongan
data:text/html;charset=utf-8,<a href%3D"http%3A%2F%2Fbeben-koben.blogspot.com%2F">%0D%0A%09<img alt%3D"beben-koben" src%3D"http%3A%2F%2F3.bp.blogspot.com%2F-HPBPiFva0_M%2FUdQaecPYKiI%2FAAAAAAAAHBs%2Fo3ML2iiIDzY%2Fs100%2Fbeben-koben.png" %2F>%0D%0A<%2Fa>%0D%0A%09<br %2F>%0D%0AFollow me <a href%3D"https%3A%2F%2Fplus.google.com%2F106979433441667164665">%2BBebenKoben<%2Fa>
base64
data:text/html;charset=utf-8;base64,PGEgaHJlZj0iaHR0cDovL2JlYmVuLWtvYmVuLmJsb2dzcG90LmNvbS8iPg0KCTxpbWcgYWx0PSJiZWJlbi1rb2JlbiIgc3JjPSJodHRwOi8vMy5icC5ibG9nc3BvdC5jb20vLUhQQlBpRnZhMF9NL1VkUWFlY1BZS2lJL0FBQUFBQUFBSEJzL28zTUwyaWlJRHpZL3MxMDAvYmViZW4ta29iZW4ucG5nIiAvPg0KPC9hPg0KCTxiciAvPg0KRm9sbG93IG1lIDxhIGhyZWY9Imh0dHBzOi8vcGx1cy5nb29nbGUuY29tLzEwNjk3OTQzMzQ0MTY2NzE2NDY2NSI%2BK0JlYmVuS29iZW48L2E%2B
Try click it Banner, example gelondongan generate for display in XHTML markup harus di phrase dulu.

Basic template blogger memakai bahasa XHTML, maka bila sobat menggenerate dengan opsi gelondongan akan sedikit sulit menuliskan syntax. Karena banyak tagging penutup di sana, sehingga bt bt bt ahh, bt bt bt ahh :D

URI kitchen dibuat dengan script jenis Perl. Tapi jangan khawatir, untuk memiliki tools ini kita tidak harus bisa script Perl :P From master Simon Willison’s, dia sudah membuatkannya untuk kita ;))
Sikaaattt...

data: URI kitchen

Sebagai orang baik di seluruh dunia, AA Koben sudah buatkan untuk kalian apps .html the data: URI kitchen. Buka link, lakukan Save Page As.

software.hixie.ch

Jika belum percaya saya orang yang baik, bonus generator base64 terkeren b-)
codereview.stackexchange.com/questions/38083/data-uri-encoder mirip dengan bran.name/dump/data-uri-generator :D

Happy URI kitchen \m/

Tidak ada komentar:

Posting Komentar