Prodigy of Head | Get Free Apps .html The data: URI kitchen

Link to Tutorial Blog for Stylish Blogger

Get Free Apps .html The data: URI kitchen

Posted: 03 Jan 2014 10:35 PM PST

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/AVvXsEj2JhuZoA0dp_ZVBu_iLsVlUGgfdTHcYXFcQ9WZmSYRFN2VoQeYxmnKFd0Yikj3Fn5Zhq2Qg_DlDBihcbZuYTnNC3RLkS0IcnrTRouZ9Qw_L5gbXH-3eUaVMr5hArYn5zMU9yTfR4oIfo5U/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

Follow me +BebenKoben

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.

data: URI kitchen

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/

Prodigy of Head | Get Free Apps .html The data: URI kitchen

Prodigy of Head | Get Free Apps .html The data: URI kitchen

Next

Newer Post

Previous

Older Post