CSS Asyik - Belajar Bikin Web Makin Asyik dengan CSS

Author Archives: Firewalker

img

Belajar Menggunakan Properti Float dan Clear dengan Benar

Jika anda akan membuat suatu website, ada 90% kemungkinan bahwa anda akan menggunakan properti float dan clear. Ada beberapa kondisi yang perlu diperhatikan dalam menggunakan properti float dan clear supaya anda tidak merasa kerepotan di masa depan.

img

Mempercepat Coding HTML dan CSS dengan Zen-Coding

Zen-Coding adalah metode pengetikan HTML dan CSS secara ringkas dan cepat. Kode yang dihasilkan adalah sama seperti HTML dan CSS pada umumnya, hanya saja Zen-Coding terdiri dari shorthand yang dapat di-expand supaya menjadi syntax yang sesuai dengan keinginan kita.

img

Tutorial Menggunakan Blueprint CSS Framework

CSS Framework merupakan salah satu sarana yang baik bagi para web developer untuk menggunakan CSS tanpa harus mendalami syntax dari CSS. Ada beberapa CSS Framework yang tersedia secara gratis di internet. Beberapa diantaranya dibuat oleh situs yang tak lagi asing bagi anda: Google dan Yahoo.

img

Tips Jitu Memahami dan Menggunakan CSS Sprites

Metode kali ini lumayan rumit jika tidak memahaminya dengan baik tapi kalau sudah paham akan menguntungkan banyak pihak. Dari sisi desainer, CSS Sprites dapat menghemat waktu cukup banyak dalam pembuatan background image. Dan dari sisi developer, background image yang digunakan untuk CSS Sprites memiliki ukuran file yang lebih kecil daripada background-background image lain digabung menjadi satu.

img

Berbagi: CSS Paging Navigation

Paging Navigation berfungsi menginformasikan user bahwa konten yang mereka lihat terdiri dari beberapa halaman dan apa yang mereka lihat saat ini adalah satu dari halaman-halaman tersebut. Kita tentunya menginginkan agar setiap user/pengunjung berpikiran seperti itu. Oleh karena itu, desain paging navigation yang informatif dan atraktif menjadi kunci navigasi yang baik. CSS Asyik ingin berbagi pengalaman tersebut.

img

Mengenal CSS Specificity

Specificity atau “Kekhususan” pada CSS adalah bagaimana suatu aturan style pada CSS mampu membatalkan aturan pada style lainnya. Sesuai dengan arti harfiah dari “Cascading Style Sheet”, semakin ke bawah aturan CSS akan semakin khusus dan lebih dominan. Pelajaran mengenai CSS Specificity ini penting dan prinsipnya selalu digunakan dalam proses pembuatan website.

img

5+ Kumpulan CSS Reset Untuk Menghemat Waktu Anda

CSS Reset adalah sekumpulan kode CSS yang dirancang sedemikian rupa sehingga setiap style pada setiap element memiliki nilai default yang serupa. Dengan adanya berbagai browser dengan core yang berbeda, tak heran jika ada beberapa element pada user agent tersebut memiliki nilai yang tak sama. CSS Reset memudahkan web designer untuk mendesign web secara cross-browser dengan memberikan starting value yang sama bagi setiap browser.

img

Belajar Menggunakan CSS Shorthand

Sebagai post pertama untuk blog ini, saya akan menjelaskan bagaimana menggunakan “CSS Shorthand” atau jika diterjemahkan secara bebasnya adalah “Jalan Pintas”. Manfaat dari CSS Shorthand ini adalah meringkas ukuran CSS anda secara dramatis. Mengeliminasi redundansi yang disebabkan oleh penulisan atribut yang sama secara berulang-ulang.

 
Fully Powered By:
WordPress Firewalker Copyright © 2010 Firewalker Design