Category : CSS ( 7 ideas )
CSS (Cascading Style Sheets) merupakan salah satu bagian dari standard Web Design yang digunakan untuk mengatur tampilan dari suatu halaman web. Dengan menggunakan CSS dapat memungkinkan dilakukannya pemisahan antara structure dan presentation dari dokumen web. Semua hal yang berhubungan dengan CSS seperti Basic tentang CSS, CSS Layout, Tips and trick tentang bagaimana menuliskan CSS secara efektif, Mengkreasi print Style Sheet, Browser Bugs and Workarounds serta beberapa contoh penggunaan CSS akan ditemukan di dalam category ini.
#3
Absolute Positioning dan Relative Positioning
3 comments
@
Absolute positioning dan Relative positioning merupakan tool yang cukup bagus dalam penyusunan layout dokumen, baik ketika digunakan secara individu maupun gabungan antara keduanya. Artikel ini akan membahas tentang kedua attribute ini secara mendalam.
Absolute positioning merupakan suatu attribute CSS yang digunakan untuk mengatur posisi suatu elemen secara bebas, relatif terhadap element induk terdekat yang telah keluar dari aliran normal dokumen. Sedangkan Relative Positioning akan memposisikan elemen relatif terhadap posisi awal dari elemen ketika berada pada aliran normal.
#4
CSS Validator Tidak Hanya Sekedar Bikin Keren
1 comments
@
Belakangan ini ada satu paradigma yang menganggap bahwa dengan menempatkan suatu link ke W3C Validator tersebut dan kemudian mendapatkan sebuah "lampu hijau" sebagai hasil validasi menjadi suatu hal yang cukup keren dan seperti menambah hebat halaman webnya. Namun apakah memang benar-benar menjadi lebih hebat kode yang lolos validasi?. Pada kenyataannya tidak. Kita hanya mendapatkan suatu kepastian bahwa kode yang kita disusun telah mematuhi suatu standard specification CSS. Selebihnya seringkali justru membatasi kita dalam memaksimalkan fasilitas yang dimiliki oleh CSS.
#7
Membuat Menu Drop Down Menggunakan CSS – Part. 1
4 comments
@
Suatu menu dropdown biasanya disediakan ketika website terdiri dari banyak menu halaman. Keuntungan dari penggunaan menu dropdown ini adalah desain halaman menjadi lebih menarik serta meningkatkan kemudahan pengguna untuk menjelajahi web site. Kebanyakan, menu dropdown disusun dengan menggunakan Javascript, namun kita dapat mencapai hasil yang hampir sama secara lebih mudah dengan menggunakan CSS. Dalam artikel ini akan dijelaskan secara detail cara membuat menu drop down dengan menggunakan CSS.
#8
Membuat Menu Dropdown Menggunakan CSS – Part. 2
10 comments
@
Setelah pada bagian pertama kita mengatur style untuk menu utama, maka kali ini kita akan mengatur style untuk sub menu.
Sesuai dengan desain yang telah kita buat sebelumnya, sub menu hanya akan nampak ketika mouse berada diatas daerah menu utama. Kita dapat melakukannya dengan menyembunyikan sub menu pada kondisi normal dan baru akan memunculkannya ketika mouse berada diatas menu utama. Namun untuk keperluan desain, maka pengaturan tersebut akan diberikan pada bagian paling akhir karena kita membutuhkan memunculkan bagian sub menu untuk mengatur tampilannya.
#11
Styling Form Part 1
6 comments
@
Form pada modern web seperti saat ini merupakan sebuah element yang cukup penting dalam menghubungkan user dengan sistem di dalam web tersebut. Fungsi utama dari suatu form adalah memungkinkan suatu user untuk memasukkan data ke dalam sistem web, dalam rangka untuk memenuhi suatu proses tertentu. Dan pada artikel ini kita akan bercerita tentang bagaimana menyusun suatu form yang baik dan benar.