Archive for the ‘Desain Web’ Category


Menggunakan Shortcode di Widget dan Comment WordPress

Posted in: Desain Web,Pemrograman |

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.

(more…)

 


Bagaimana Membuat Drop Cap di Halaman Web

Posted in: Desain Web,Website & Blog |

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.

(more…)

 


Mengkompress Manual Javascript dan CSS dengan PHP GZip di .htaccess

Posted in: Desain Web,Website & Blog |

Suatu halaman web akan di-render dimana yang dimuat pertama kali adalah file HTML-nya, kemudian CSS-nya dan yang terakhir file Javascript (JS) –best practice-nya, file CSS di bagian header sedangkan file JS di bagian footer. Apabila halaman tersebut merupakan halaman interaktif dimana file HTML, CSS, dan JS ukurannya akan semakin membesar, maka suatu halaman akan semakin lama dimuat. Oleh karena itu, kompresi static content seperti plain-text (seperti HTML, CSS, JS) sangat dibutuhkan. Hal ini diperuntukkan untuk mengurangi waktu loading halaman web. Kompresi terbaik yang digunakan melalui sisi server adalah GZIP, DEFLATE. Namun, ada kalanya module ini tidak diload pada beberapa hostingan –seperti yang saya alami, sudah beberapa kali memberitahu pihak hostingan Capoeng, namun tak ada tanggapan :sigh:–

(more…)

 


Tool Javascript untuk Web Developer

Posted in: Desain Web,Pemrograman,Website & Blog |

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. :)

(more…)

 


 

 

Share

Subscribe Feed

Facebook

Delicious

StumbleUpon

Google Buzz

Deviantart