Friday, December 14, 2012

Generator Karakter Spesial HTML/Unicode

HTML Entities & Unicode

Alat ini digunakan untuk menggenerasikan kode-kode karakter spesial HTML yang bisa Anda gunakan untuk menghiasi tulisan atau untuk keperluan-keperluan lain seperti penambahan ikon pada menu tanpa gambar dan sebagainya. Cukup tentukan angka awal dan banyak karakter yang akan ditampilkan kemudian tekan tombol Show the Code List untuk menampilkan deret karakter beserta kodenya.

Anda juga bisa menggenerasikan kueri URL berdasarkan deretan simbol yang ditampilkan. URL ini bisa Anda gunakan sebagai URL berbagi atau URL bookmark untuk karakter-karakter favorit Anda:

Coba Alat

Labels: ,

7 Comments:

At Saturday, December 15, 2012 at 10:44:00 AM GMT+7, Blogger abang ichal said...

hm.. cuman ada 100.. tapi bagus lah... bagus2 karakternye

 
At Saturday, December 15, 2012 at 10:52:00 AM GMT+7, Blogger Taufik Nurrohman said...

Windows XP ya?

 
At Saturday, December 15, 2012 at 11:28:00 PM GMT+7, Blogger Beben Koben said...

aduh2 aku baru baca dari sini
http://cssdeck.com/labs/special-character-dictionary
karena kagak bs script, eh ada disini sudah dibuatin :D
100 karakter!!! LAGGING kale tuh...
Start dari 33 tuh ampe mana sok???

 
At Sunday, December 16, 2012 at 9:29:00 AM GMT+7, Blogger Taufik Nurrohman said...

Ide awalnya memang dari situ. Kalau kamu klik tab komentar ada komentar Saya di situ :)

 
At Monday, December 24, 2012 at 10:29:00 PM GMT+7, Blogger Nyak said...

mantab sekali pokoknya mas.. \o/
padahal semalam capek cari yang beginian... heheh

 
At Tuesday, September 10, 2013 at 8:10:00 AM GMT+7, Anonymous Anonymous said...

mas bisa ga kalo saya pengen convert ke elemen after misal content:" isinya karakter unicode yang di atas"; ??

 
At Wednesday, September 18, 2013 at 2:58:00 AM GMT+7, Blogger Taufik Nurrohman said...

Pakai atribut HTML:

<span data-icon='&#8220;'></span>
span[data-icon]:before {
content:attr(data-icon);
color:red;
}


Atau memakai oktal. Agak kurang paham kalau untuk yang ini, tapi yang ini lebih direkomendasikan karena kita bisa menuliskan simbol secara langsung di dalam CSS:

.icon-pencil:before {
content:"\f040";
}


Pelajari kode sumber FontAwesome dan baca tabel ini

 

Post a Comment

<< Home