Saat ini dengan adanya jquery, banyak sekali desain-desain website yang kreatif, keluar dari jalur normal desain web kabanyakan. Kali ini kita akan belajar membuat website menggunakan jquery, di mana website tersebut kontennya akan kita scroll secara horizontal atau menyamping. dengan bantuan CSS, kita bisa mengatur aliran konten ke samping, bukan ke bawah. Seperti ilustrasi di bawah.

Pada gambar di atas kita lihat terdapat konten yang melebar ke samping melebihi ukuran browser. Dengan bantuan CSS kita bisa menyembunyikan scrollbar yang muncul. Kemudian untuk menampilkan konten yang tersembunyi di samping kita bisa menggunakan jquery. Yuk kita lihat kode-kodenya.

Pemilihan penggunaan font tepat untuk suatu desain website atau poster, brosur atau lainnya sangat mempengaruhi hasil desain tersebut. Jenis font yang dipilih harus disesuaikan dengan tema desain kita, apakah desain kita bertema klasik yang ramai atau berteman minimalis yang clean.

Buat kamu yang lagi cari-cari jenis font yang keren dan cantik untuk desain website atau poster atau media cetak lainnya. Berikut ada beberapa koleksi font yang keren. Mulai dari font yang bertema vintage, clean sampai minimalis.

Buat kamu-kamu yang pengen cari inspirasi dalam membuat logo untuk perusahaannya atau logo untuk websitenya, berikut ada kumpulan contoh-contoh logo yang keren dan mimalis.

Logo sangat penting bagi suatu perusahaan, karena melambangkan bagaimana perusahaan tersebut, selain itu logo juga bisa membuat orang-orang jadi tertarik terhadap suatu produk. Misalnya anda punya perusahaan desain web, anda punya logo yang keren membuat orang terkesima, setidaknya calon client akan menjadi tertarik dan percaya terhadap kemampuan desain anda, karena mereka melihat dari logo perusahaan anda yang keren.

saat ini lagi ngetrend logo yang minimalis, nggak banyak pernak-pernik tetapi berkesan elegan dan keren.

Thumbnail merupakan gambar kecil atau seperti icon yang merupakan hasil resize menjadi ukuran lebih kecil dari gambar aslinya. Secara sederhana untuk membuat thumbnail, kita cukup merubah ukuran gambar menjadi lebih kecil. Tetapi yang jadi masalah adalah kalau mentah-mentah diubah ukurannya, maka jika gambar yang tidak persegi (gambarnya bisa lebih panjang atau lebih tinggi) akan menghasilkan gambar yang tidak bagus atau perbandingan antara panjang dan lebar tidak sama dengan aslinya.

Untuk mengatasi gambar yang persegi panjang, supaya menghasilkan thumbnail yang bagus, maka yang perlu dilakukan adalah:

1. Resize gambar, dengan perbandingan panjang dan lebarnya sama dengan aslinya
2. Crop gambar di tengah-tengah.

Coba perhatikan ilustrasi membuat thumbnail dari gambar yang persegi panjang di bawah:

Bagi para web designer, terkadang kita butuh inspirasi dalam mendesain suatu website. Mungkin dengan melihat contoh-contoh website karya orang lain yang keren bisa menjadi inspirasi bagi web designer juga bagi para web programmer.

Buat kamu-kamu yang pengen develop website e-commerce, daftar webiste berikut mungkin bisa menjadi inspirasi kamu dalam membuat design web e-commerce yang cantik dan keren.

Dengan membuat website e-commerce yang cantik, keren dan profesional, biasanya calon pembeli akan lebih respek, percaya dan kemungkinan akan mau belanja di website kita.

Heartbreaker Fashion

Saat ini Wordpress merupakan CMS yang paling banyak digunakan untuk membuat suatu webiste. Mulai dari blog sampai web untuk e-commerce. Bagi kamu-kamu yang suka programming dan ingin mempelajari pemograman Wordpress, terutama untuk plugin development, berikut contoh sederhana plugin Wordpress.

Plugin yang akan kita buat kali ini adalah plugin untuk menampilkan tombol google +1 di kontent post website Wordpress kita. Di sini kita akan belajar bagaimana cara membuat plugin, anatomi plugin Wordpress dan bagaimana suatu plugin dieksekusi oleh engine Wordpress.

Sepertinya sekarang lagi ngetrend sosok boneka kotak-kotak yang terbuat dari kardus pembungkus amazon.co.jp. Banyak orang-orang yang menyukai karakter boneka ini. Nama boneka ini adalah danbo atau nama panjangya Danboard.

Awal tahunya nih boneka dari istri saya yang menyukai boneka danbo. Sepertinya lucu juga, akhirnya saya putuskan untuk membelikan danbo dari amazon.co.jp sebagai hadiah untuk istriku tercinta. Berikut koleksi photo bersama danbo hehe...

Sejak diluncurkannya CSS versi 3 ada banyak kemudahan yang didapat oleh para web designer, salah satunya adalah kemudahan dalam membuat animasi di web. Jika sebelumnya kita membuat animasi di web menggunakan javascript, tapi sekarang bisa menggunakan CSS3. Property CSS 3 yang berguna dalam membuat animasi adalah transition dan transfrom.

Properti Transition berguna untuk mengatur waktu perubahan dari satu bentuk ke bentuk lain. Properti transfrom berguna untuk mengubah bentuk suatu objek. Sekarang kita perhatikan contoh animasi sederhana berikut:

Zaman dulu sebelum ada CSS3, para web designer jika ingin menampilkan font yang keren-keren maka mereka harus menampilkan tulisan tersebut sebagai file gambar, karena font yang keren tersebut belum tentu ada di komputer client atau user.

Tapi sekarang kita bisa menentukan jenis font sesuka hati kita di web dengan bantuan CSS3. Cara kerjanya, font tersebut kita upload ke hosting atau server kita, kemudian dengan kode CSS3 @font-face kita bisa mendefinisikan nama font family kita dan sumber file fontnya. Contoh tulisan di bawah

Buat para desainer web, icon merupakan salah satu komponen pentin dalam melakukan desain website. Dengan icon-icon yang keren dan kualitas bagus maka akan menghasilkan desain website yang bagus juga. Berikut ada beberapa kumpulan icon-icon yang bisa anda download secara gratis dari berbagai sumber.

Ada icon untuk website e-commerce, tombol sharing untuk social bookmark, logo-logo untuk pembayaran online dan lainnya. Selamat menikmati