Font Awesome

#Bootstrap #Day 4 : 4 Resource Pendukung Twitter Bootstrap.

Udah lama kenal bootstrap, sekitar 2 bulanan lah ya. Jadi karena udah cukup akrab dengan CSS Framework besutan twitter ini, kadang merasa ada yang kurang, apa ya? Misal icon kurang banyak, warna kurang menarik, ini itu ini itu. Nah sekarang bahas aja deh Resource yang udah pernah dipake. Font Awesome [caption id="attachment_2749" align="alignnone" width="625"] Font Awesome[/caption] Awalnya gue kira ini font library mirip-mirip google fonts, tapi ternyata isinya kumpulan icon tapi berbentuk font, apa font...

Modem Smartfren di Ubuntu 12.10

Setelah migrasi dari Jendela Belanda ke Quantal, akhirnya bingung pas setting modem susah banget. Setelah googling kemana-mana tetep aja gak bisa, dan ternyata ada hal yang memang gak usah dilakukan dari versi sebelumnya, yaitu eject device. Case nya begini, setelah perintah lsusb di terminal hasilnya seperti ini (padahal belum diapa-apain): Bus 006 Device 005: ID 19d2:ffdd ONDA Communication S.p.A. Dimana di versi lama, ID nya masih 19d2:ffde Bus 006 Device 005: ID 19d2:ffde ONDA Communication...

Website Metro UI CSS

CSS Framework Baru: Metro UI CSS.

[caption id="attachment_2730" align="alignnone" width="625"] Website Metro UI CSS[/caption] Demam desain simple kotak-kotak sedang melanda dunia..!!! Sampai microsoft keluarin MetroUI buat windows 8 dengan desain kotak-kotak pula. Eh ternyata desain ini banyak disukai user di seluruh dunia, hingga Sergey Vimenov yang berkebangsaan Ukraine beserta timnya membuat framework terbaru, namanya Metro UI CSS. Yang unik dari framework ini adalah tagline mereka yang menyebutkan This is not a theme or clone for Twitter Bootstrap !!! Ya memang sih,...

Load More

#Bootstrap #Day 3 : Tentang Loading State Button.

Awalnya saat bikin web theme pake bootstrap, terus pengen ada visual loading di tombol. Di bootstrap memang sudah ada, tapi yang jadi masalah adalah, di dokumentasi gak terlalu lengkap, akhirnya ya hasilnya tombol statis aja, gak ada efek loading seperti di gambar ini: [caption id="attachment_2722" align="alignnone" width="116"] Tombol Load More Dengan Efek Loading State.[/caption] Jadi, setelah cari cara dengan fitur "Inspect Element" yang ada di chrome, ternyata di dokumentasi itu tidak menyertakan user harus masukin...

#Bootstrap #Day 2 : Twitter Bootstrap itu Ngeyel!

Kalau yang sedang berkutat dengan file style.css dan gak mau ganggu bootstrap.css yang memang kalau lagi develop gak boleh diganggu, terus punya masalah karena styling CSS punya kita bentrok sama punya bootstrap dan hasilnya styling gak dipake browser, tapi tetep pake styling bawaan bootstrap, caranya gampang sih. Kalau inget "!important" yang biasa disispkan di value dari tiap property CSS, pake aja itu, ya emang itu sih yang sekarang dibahas. *Gak ada bahasan lain, soalnya lagi...