Terkadang kita memerlukan penggunaan shortcode di widget, comment WordPress. Salah satu penggunaan shortcode di Widget Title yang saya gunakan adalah untuk membuat style yang berbeda untuk suatu kata, caranya dengan membuat mengapit kata tersebut dalam tag span. Span ini lah yang kemudian diberi style yang berbeda melalui CSS. Contohnya seperti berikut.
Ketika kita membaca buku atau artikel di majalah, di bagian awal atau setiap babnya biasanya dimulai huruf pertama yang tipografinya dibuat berbeda dengan huruf lainnya. Huruf pertama pada paragraf pertama ini bisa berupa huruf kapital dengan ukuran font yang sangat besar, dengan gaya dan jenis font yang berbeda, yang jelas yang terlihat menarik. Inilah yang disebut dengan Drop Cap. Pada aplikasi word processing seperti Microsoft Word, kita dengan mudah menyisipkan drop cap pada dokumen kita dengan hanya menekan satu tombol/menu saja. Untuk membuatnya di halaman web, kita dapat melakukannya hanya dengan menggunakan CSS.
Sedikit mengulas saja tool-tool Javascript untuk Web Developer, antara lain compressor, beautifier, debugger. Tidak terlalu lengkap ulasannya, yah karena itu dari pengalaman pribadi saja sih. Mungkin anda bisa membantu menambahkan. 
Web Design
Index:
Web Design: http://www.flazx.com/category48.php
Web Design: CSS: http://www.flazx.com/category70.php
Advanced Web Design: Rich Internet Application: http://www.flazx.com/category229.php
CSS:
((: ɹǝɥǝl lǝƃǝd uıʞıq u ɐʎuɐɔɐq ʇɐnq ʞǝdɐɔ ıʇsɐd¿ıuı uɐʞɹıʞƃunɾıp/ɥɐʍɐq ǝʞ ɹɐʇndıp sılnʇıp ƃuɐʎ ıuı uɐsılnʇ ʞɐƃƃu ɐɔɐq ɐsıq
Pernahkah melihat tulisan yang dijungkirkan/diputarbalikkan ke bawah (flipped upside down)? Contoh yang bisa dilihat seperti di atas. Apabila ditulis secara normal maka akan terbaca “bisa baca nggak tulisan ini yang ditulis diputar ke bawah/dijungkirkan ini?pasti capek buat bacanya n bikin pegel leher”
Berbeda lagi bila dengan membalik-mundurkan suatu teks (reverse), karena semua teks akan dibaca dengan urutan mundur misalnya “saya” menjadi “ayas“, tetapi untuk diputarbalikkan (flipped) maka kata “saya” akan menjadi “ɐʎɐs”. Terlihat jelas kan perbedaannya, tidak hanya dibalik mundur tetapi juga diputarbalikkan ke bawah.
Tulisan Reverse (dibalik mundur) dan Flipped (diputar n dibalik mundur)
Contoh kegunaan dan cara mendapatkannya
PolarisSpica™ ini blog milik Minnie Amalia yang dipublish di blogger. Beberapa waktu yang lalu, dia ingin desain blog yang simple dengan dekorasi warna hijau dan bintang. Sempat terlintas bayangan tentang desainnya, karena bintang tidak terlihat di siang hari, maka menggunakan nightscape serta landscape bernuansa hijau. Akhirnya ketemu juga setelah mencari2 nightscape dan landscape yang cocok. Tinggal bagaimana cara untuk mengedit gambar-gambar tersebut dan mengolahnya menjadi desain web.
PolarisSpica
Bagian headernya dibuat dengan
Indonesia
div#header_overlay{
background: black url(...) no-repeat center top;
/* z-index dari div supaya top-most dari element-element
yang lain*/
z-index: 99998;
/* supaya posisi div nya tetap di tampil posisi tertentu di document
walau document di scroll */
position:fixed;
top:25px;
left:0;
float:left;
/* supaya div nya melebar 100% di inner width browser*/
width:100%;
}
Bagian inner-content-nya menggunakan
background: transparent url(...) no-repeat center bottom;
supaya gambar backgroundnya berada di bagian bawah ketika di-scroll, dan tidak menganggu tulisan postingan.
Kemudian di bagian body juga menggunakan
background: transparent url(...) fixed no-repeat center bottom;
supaya gambar backgrond dari body berada tetap di bagian bawah document jadi ketika document di-scroll background akan selalu tampak di bagian bawah.
Selain itu juga ditambahkan CSS untuk mengoverride navbar blogger di bagian paling akhir template sebelum :
#navbar{
width:100%;
position:fixed;
top:0;
left:0;
float:left;
z-index: 99999;
}
Style ini supaya navbar selalu berada di atas document walau discroll sekalipun.
Okaeri nasai…to myself…
Been a long time since my last visit. So many missing things to be written here. Didnt know what had happened with my blogs..Hufff…
So many things to do lately. Rushing me in busy things and pushing me to live underworld. Geez… My eyes is getting slanter, so heavy, tired, and ‘hot’ like putting onions in my eyes. Always sleeping at 2am up to 4 am and even late in the morning. Wakes up, and starts the day behind my compie or lappy till i’m going to bed again. Actually its not my own lappy, my PIC lended me since my own is becoming a ‘wreckage’ hahaha. Heard by chance, its probably a donation from SBY for something up, i dont know exactly. So here we are, me and my ‘borrowing’ lappy. “Coding merry go around”. Nothing more than coding lately. In which, actually i dont exactly keen on it. Sleeping late,wake up late,coding till late,eating late,so so… Suicide is one rasionable reason for now hahaha… I’m killing my self with my works and this bad habit. I’m dying. But i must overcome all of this. This work is not done yet, still far from over. Yeah, its not over yet.
I’m now trying to get this work done asap. Plenty tasks to do, design and build a web application to online register at UB for those who are still in high school from entire high school around this country (and also outside) to be the next college newbies here. Its called SelMa UB, stands for Seleksi Masuk UB. Running at http://selma.brawijaya.ac.id (with or without www). So, high school student must apply here first and entry their data (biography,marks,achievements,etc), print their application letter, legally signed by their headmaster and send to UB, after verified by UB, the result will be posted in this SelMa UB site.
Online Registration SelMa (Seleksi Masuk) UB
While I’m finishing this, i’m also contentrating with its front-end administration site. Shortly, i must make two sites with totally different looks and feel and behavior, in an instant like… zaappp…and its magically appears… and I must finish this by me SELF!! Arrggghhhh…. dont blame me if somehow sometime i’m going to jump out from the window from tenths floor. Geezzz… but i’m not that crazy… yet…
I juz want to get this finished asap. Get a normal rest and sleep, like other normal people, with normal life… Amiinnn…
