Tag Archives: css triks

Teknik Dasar merubah Background dengan CSS

Tampilan sebuah website atau blog tidak lepas dari pemilihan latar / background. Untuk membangun halaman web yang menarik tentu saja kita harus memahami teknik pengaturan background. Dibawah ini saya mencoba berbagi tentang bagaimana teknik dasar merubah background dengan CSS. Single colour background

Membuat Efek Bayangan (Box Shadow) pada gambar dengan CSS3

Sejak kehadiran CSS3 di dunia web design, kita diberi kemudahan untuk melakukan modifikasi style pada tampilan halaman web. Biasanya untuk memberikan efek bayangan pada gambar atau kotak, kita harus memberikannya dengan photoshop atau aplikasi pengolah gambar lainnya. Jika anda perhatikan gambar dibawah ini, manakah gambar yang tidak diedit dan diberikan efek bayangan melalui photoshop? Penerapan CSS3 sampai saat… Read More »

Membuat Album Polaroid dengan CSS3

Menampilkan galeri photo disitus atau blog dapat menambah ciri khas tersendiri. Jika anda memiliki blog pribadi, tentu saja akan membanggakan bisa menampilkan photo-photo bersama keluarga tercinta, bersama sahabat ataupun hanya sekedar menampilkan photo kegiatan. Nah yang banyak menjadi kendala adalah ketika akan menampilkannya kedalam blog/situs dengan mudah dan memiliki tampilan yang elegan seperti Contoh dibawah. Pada contoh ini,… Read More »

Membuat Tombol dengan Menggunakan CSS3

Mau tau cara membuat tombol dengan mudah tanpa menggunakan Photoshop ? Pasti pada mau semuanyakan ? Pada tutorial ini, mari kita bersama-sama mempelajari bagaimana membuat tombol dengan menggunakan CSS3 (CSS Versi 3).

Font Terlaris para Blogger

Tahukah anda jenis font apa saja yang paling banyak digunakan untuk sebuah blog atau website ? Mungkin kita tahu bahwa sebuah halaman situs menggunakan font yang standar yaitu Times New Roman. Tetapi jenis font ini bukanlah font yang ideal untuk tampilan sebuah website. Jenis font apa sih yang sebenarnya bisa digunakan untuk tampilan sebuah Website ? Tentu saja… Read More »

Membuat Tombol Cantik dengan CSS

Design Web tidak segampang yang dibayangkan. Karena ketika kita melakukan design web, hasilnya bisa berubah-ubah ketika di preview di browser yang berbeda. Antara Firefox, Opera, Google Chrome ataupun Internet Explorer, memiliki respon yang beda terhadap design kita. Akhirnya hasil design hanya bagus dilihat dengan beberapa web browser tertentu saja. Kali ini kita akan mencoba membuat tombol cantik pada… Read More »