Belajar Web mulai dari HTML/XHTML, CSS, Pemrograman Web (PHP/MySQL, Ajax)

Membuat Horizontal Menu dengan CSS plus Drop Down - Revisited

Ditulis oleh Dhimas Ronggobramantyo
Kategori: CSS (Cascading Stylesheet)
Beri Komentar

Yes, artikel pertama ditahun 2011, saya akan mengajarkan cara membuat navigasi menu lengkap dengan drop down murni dengan CSS. Loh bukannya sudah pernah? Ya dan itu tahun 2008! sudah basi sudah kuno (ya nggak kuno-kuno banget sih), dan masih banyak juga menanyakan kesulitan tentang menu tersebut dikarenakan menggunakan image sprites. Dan karena sekarang sudah tahun 2011, maka saya akan mengajarkannya lagi tanpa menggunakan images sama sekali.

BACA SELENGKAPNYA

Membuat Horizontal Menu dengan CSS, Images Sprites dan Animasi

Ditulis oleh Dhimas Ronggobramantyo
Kategori: CSS (Cascading Stylesheet)
Beri Komentar

Setelah lama tidak menulis artikel baru, kali ini saya akan mengajari tentang membuat horizontal menu dengan CSS. Ya saya pernah menulis tentang cara membuat horizontal menu sebelumnya, tapi kali ini kita akan menggunakan images sehingga menu kita akan menarik. Disini kita akan mempelajari trik CSS tentang Images Sprites dan Images Replacement serta sebagai bonus akan saya tambahkan animasi dengan memanfaatkan framework JQuery.

BACA SELENGKAPNYA

Memperbesar bidang gambar dengan menggunakan CSS

Ditulis oleh Dhimas Ronggobramantyo
Kategori: CSS (Cascading Stylesheet)
Beri Komentar

Meneruskan artikel saya yang kemarin mengenai mengubah gambar pada mouse hover, dengan sedikit pengembangan dan trik maka kita bisa membuat bidang gambar menjadi besar ketika mouse hover. Sebelum kita lanjut anda lihat dulu apa yang akan kita buat disini.

BACA SELENGKAPNYA

Mengubah gambar pada mouse hover dengan menggunakan CSS

Ditulis oleh Dhimas Ronggobramantyo
Kategori: CSS (Cascading Stylesheet)
Beri Komentar

Oke, setelah lama tidak menulis tutorial baru (lagi buat website baru :D) sekarang saya akan menulis artikel lagi. Kali ini kita akan mempelajari bagaimana membuat efek mouse hover pada images. Membuat gambar yang berubah, sebenarnya cukup mudah apabila kita menggunakan Javascript, tapi kali ini saya akan mengajarkannya menggunakan CSS saja, tanpa Javascript sama sekali.

BACA SELENGKAPNYA

Membuat Pop Up menu menggunakan CSS tanpa Javascript

Ditulis oleh Dhimas Ronggobramantyo
Kategori: CSS (Cascading Stylesheet)
Beri Komentar

Kali ini kita akan membahas bagaimana membuat Pop Up menu atau ada yang menyebutnya Drop Down atau apalah namanya. Yang jelas kita akan membuat seperti Pop Up Menu ini. Bagaimana menarik kan? Dalam contoh tersebut kita hanya menggunakan HTML dan CSS tanpa menggunakan Javascript sama sekali, jadi kita tidak perlu khawatir dengan kompatibilitasnya dengan browser-browser yang ada.

BACA SELENGKAPNYA

Membuat Form yang teratur tanpa menggunakan Table

Ditulis oleh Dhimas Ronggobramantyo
Kategori: CSS (Cascading Stylesheet)
Beri Komentar

Jika anda telah mempelajari bagaimana cara membuat Forms yang menggunakan prinsip Web Standards. Sekarang saya akan mengajari bagaimana agar kita membuat forms yang teratur dan rapih tanpa menggunakan table. Kita hanya akan menggunakan CSS saja.

BACA SELENGKAPNYA

Memanfaatkan Unordered List untuk membuat menu horizontal, vertikal dan sitemap

Ditulis oleh Dhimas Ronggobramantyo
Kategori: CSS (Cascading Stylesheet)
Beri Komentar

Anda tentu tidak asing lagi dengan tag HTML <ul> dan <ol>. Ya kedua tag ini digunakan untuk membuat list / urutan. Dan dengan bantuan CSS kita dapat membuat tag <ul> yang kita anggap remeh ini menjadi sesuatu yang wajib kita pakai dalam membuat website

BACA SELENGKAPNYA

7 Rahasia CSS yang (mungkin) belum anda ketahui dan wajib diketahui

Ditulis oleh Dhimas Ronggobramantyo
Kategori: CSS (Cascading Stylesheet)
Beri Komentar

CSS pasti sudah menjadi hal yang wajib dipelajari jika anda ingin membuat website. Meneruskan artikel saya yang lalu tentang dasar-dasar CSS, sekarang saya akan memberitahu rahasia CSS yang mungkin belum anda ketahui dan wajib diketahui, karena dapat memperkecil ukuran file CSS anda. Inilah dia rahasia CSS yang (mungkin) belum anda ketahui:

BACA SELENGKAPNYA

Belajar CSS, bagaimana CSS dapat merubah tampilan website

Ditulis oleh Dhimas Ronggobramantyo
Kategori: CSS (Cascading Stylesheet)
Beri Komentar

Bayangkan jika anda memiliki website dengan 100 halaman. Bayangkan apabila anda ingin mengganti jenis huruf dari tiap website. Hal tersebut tentu saja sangat membuang waktu, tetapi jika anda menggunakan CSS untuk mendesain tampilan web, maka hal tersebut dapat dilakukan dengan mudah.

Pertama-tama kita kenalan dulu dengan CSS. CSS merupakan kependekan dari Cascading Style Sheet yang memungkinkan kita untuk mendesain (style) tampilan dokumen (terutama HTML) dengan memisahkan isi dari dokumen HTML dengan kode untuk menampilkannya (CSS). Jika kita memiliki banyak file HTML, kita hanya perlu satu file CSS, sehingga ketika kita mengganti jenis huruf pada file CSS maka semua file HTML yang berhubungan pada file CSS tersebut akan berubah. CSS distandarisasi oleh W3C (World Wide Web Consortium). CSS dapat dipasang pada dikumen HTML yang telah jadi.

BACA SELENGKAPNYA