hisman.org newsletter

Dapatkan tips-tips menarik tentang web design langsung ke e-mail Anda (Gratis...)

Cara Lain Membuat Horizontal Menu dengan CSS

posted by hisman in January 11th, 2010

category : CSS, HTML, layout

Sebelumnya, saya pernah membahas tentang cara membuat menu horizontal dengan css. Pada artikel tersebut, menunya dibangun dengan list (di htmlnya) yang sejatinya terlihat ke bawah (vertikal) tidak horizontal. Nah, css-nya yang membuat menu itu menjadi terlihat horizontal, di artikel itu menggunakan teknik float. Lebih lengkapnya silahkan kunjungi aja artikelnya.

Nah, kali ini kita akan coba membuat menu horizontal juga tapi dengan cara yang sedikit berbeda dengan artikel sebelumnya. Untuk menunya, tetap menggunakan list, yang berbeda hanya pada css-nya saja, terutama teknik yang digunakan untuk membuat tampilan menunya menjadi horizontal.

Oke, untuk contohnya kita buat dua file yang pertama adalah file index.html untuk isi htmlnya dan file style.css untuk cssnya.

Selengkapnya..

Pendefinisian warna di css

posted by hisman in April 18th, 2009

category : CSS

Tags: , ,

Di CSS, warna bisa diberikan ke text ataupun background. Untuk text sendiri pemberian warna menggunakan property color. Contohnya kayak gini :

h1{color : red;}

Sedangkan untuk background, property yang digunakan adalah background-color (sudah saya jelaskan penggunaannya di artikel tentang background.. )

Nah, yang akan di bahas kali ini adalah cara mendefinisikan warna-warna tersebut. Ada 5 cara untuk mendefinisikan sebuah warna pada css, hmm.. apa sajakah itu ?? Selengkapnya..

Nyobain kompress gambar di smush.it

posted by hisman in March 19th, 2009

category : tools

Tags: , ,

Hai, smua… hehe… kali ini mungkin saya cuman pengen ngebahas tentang hasil coba-coba saya make salah satu tool online untuk mengkompress gambar, namanya smush.it.

home nya smush.it

Selengkapnya..

Memahami Whitespace dalam Suatu Situs

posted by hisman in February 16th, 2009

category : layout, webdesign

Tags: , , ,

Mungkin Kamu dah pada tau apa itu (pengertian dari) whitespace ya.. tapi gak ada salahnya saya bahas sedikit pengertian whitespace itu, yah itung-itung biar artikelnya agak panjang dikit, hehe…

Whitespace ini hanya istilah sih sebenernya. Istilah untuk suatu area pada halaman suatu situs yang gak ada tulisannya ataupun gambar-gambar atau bisa juga dibilang area kosong.

Sadar atau tidak sadar, ketika mendesain sebuah situs kita sering melupakan keberadaan whitespace ini pada situs yang kita desain tersebut. Kita sering kali ingin selalu mengisi setiap ruang pada situs kita dengan tulisan, gambar, foto2 dll.. yang pada akhirnya hal ini akan membuat situs kita menjadi sumpek dan terlalu padat.

Atau kadang kala kita juga secara tidak sadar menggunakan whitespace ini. Misalnya ketika menggunakan padding, atau saat kita kehabisan ide untuk mengisi sidebar pada situs kita dan membiarkannya tetap kosong. Nah, saat itu sebenernya kita sudah menciptakan suatu whitespace. Selengkapnya..

Sedikit Saran dalam Mendesain Web

posted by hisman in January 29th, 2009

category : webdesign

Tags: , , ,

Mendesain sebuah web/situs itu sama halnya dengan mendesain user interface sebuah aplikasi/software, ya karena web itu khan sebenarnya termasuk sebuah aplikasi juga…

Nah, desain dari web ataupun aplikasi-aplikasi yang lain itu sebenernya fungsinya itu untuk mempermudah user dalam menggunakan aplikasi/web tersebut.

Sebagus apapun tampilan grafis desainnya, tapi kalau tampilan-tampilan yang bagus itu malah mengganggu/membuat user tidak nyaman atau bahkan menyulitkan user dalam menggunakan web tersebut, maka desain tersebut bisa dikatakan kurang layak untuk web tersebut.

Ini ada sedikit saran untuk kamu yang ingin mendesain sebuah web. Selengkapnya..

copyright © 2010 hisman.org | web design and icon by hisman