Okto SiLaban » desain web

404 Error – Cara Kreatif

Okto Silaban — Thu, 10 Jul 2008 18:49:58 +0000

Bagaimana blog atau web anda menangani halaman yang tidak ada?

Secara default biasanya halaman Error 404 yang ditampilkan. Tapi jika pesan Error standar yang diberikan, sepertinya kurang menarik kan? *blog saya ini termasuk yang tidak menarik itu.

Banyak website yang membuat halaman Error 404 yang kreatif. Tapi bagi saya yang paling kreatif adalah halaman error 404 dari blog Smashing Magazine. Jika anda membuka halaman yang tidak ada di blog ini, maka halaman Error 404 nya adalah artikel (disertai skrinsut) dari halaman Error 404 website – website lain. Whuaa.. kreatifitas di atas kreatifitas lainnya. Cool..!

Catatan : Blog Smashing Magazine, referensi bagus untuk desain web.

Make Over Ketiga Blog Ini

Okto Silaban — Sat, 17 Nov 2007 17:01:44 +0000

Blog ini aslinya menggunakan them eQuix. Beberapa waktu lalu (sekitar waktu KKN – Agustus 2007), dari tengah – tengah pedesaan yang sinyal XL dan Telkomsel pun hampir tak ada, make over pertama blog ini dilakukan. Perubahan minor aja sih. Cuma menambahkan dan mengganti beberapa gambar. Selain itu sedikit perbaikan bug CSS.

Make Over Kedua, dilakukan sekitar awal Oktober 2007. Perubahan paling signifikan adalah penggantian font default dan font size. Selain itu perbaikan bug CSS juga, termasuk bug CSS yang cukup parah di IE. Setelah satu tahun lebih, baru sadar ternyata di IE tampilan blog ini cukup kacau.

Nah sekarang Make Over Ketiga. Ada perubahan cukup signifikan. Pertama, lebar blog ini sekarang 900px, bukan 780px seperti sebelumnya. Mengapa dilebarkan? Simpel saja, aku butuh ruang lebih lebar untuk menulis . Dan tentunya jika suatu saat ada yang mau masang iklan di blog ini (halah..), aku harus siapkan space dong..

Yang kedua, penggantian gambar header. Yang sebelumnya berwarna abu – abu, dengan efek kaca (hasil pertama dari belajar Inkscape). Nah yang sekarang header image nya seperti kalian lihat sendiri. Menurutku sendiri sih masih kurang pas. Bikinnya dadakan.. Soalnya gak punya header-image dengan lebar 900px. Jadi asal buat gitu deh. Sekalian eksperimen dengan desain swirl (corak yang kaya batik itu lho..). Image nya seperti biasa, dibuat di Inkscape, finishing di The GIMP.

Yang ketiga, di bagian menu ditambahin garis, cuma penegas buat menu aja. Gak ada yang spesial.

Yang keempat, iklan dari WidgetBucks setelah header image, aku hilangkan. Karena iklannya dari Flash, maka load blog ini jadi ikutan berat. Selain itu $$ nya kecil banget he..he

Secara umum desain web ini tidak berubah jauh, hanya tambah – tambah dan ganti – ganti dikit. Ya.., istilahnya juga make over. Yang berarti ada kemungkinan juga buat kembali jadi jelek, ha..ha.

Setelah ini mungkin tidak akan ada make over lagi. Berikutnya mau bikin theme baru sekalian. Tapi idenya masih blank. Lagian, desain Jogja Linux aja belum selesai juga.. pufffhh…

Desain Web KPLI Jogja (Jogja Linux) yang Baru

Okto Silaban — Thu, 08 Nov 2007 09:46:40 +0000

Desain baru untuk web Jogja Linux sudah selesai kubuat (versi 0.2). Sebelumnya desainnya masih berbasis old-style (versi 0.1). 3 kolom, menu kiri – menu kanan, dan konten di tengah. Tetapi setelah mempelajari berbagai literatur tentang desain user interface (web maupun desktop application) akhirnya aku edit lagi mockup nya hingga menjadi versi 0.2 seperti sekarang ini. Silahkan lihat desainnya disini (format JPEG).

Ini kedua kalinya aku mendesain web secara serius (sebelumnya AugustinoRosary.com). Silahkan kalau ada kritik, masukan dan saran.

Content Baru untuk KPLI – Jogja

Okto Silaban — Tue, 15 May 2007 05:12:11 +0000

Sehubungan dengan proses re-design situs KPLI-Jogja, beberapa content baru juga ditambahkan. Diantaranya nantinya akan ada database “kekuatan” dari personel KPLI-Jogja. Selain itu yang sedang dalam tahap proses percobaan dan pengembangan adalah Planet untuk blog anak – anak KPLI-Jogja. Sementara ini masih bermasalah di crontab. Mungkin setelah ini berhasil dengan baik, bisa segera diimplementasikan dengan keseluruhan web dari Jogja Linux.