Sekarang ini trend desain web adalah tanpa table alias tableless. Mengapa tableless? katanya sih load-nya jadi lebih ringan dibanding dengan table (saya sendiri belum ngebuktiin seberapa besarkah perbedaannya). Selain itu mendesain sebuah web tanpa table jauh lebih fleksibel karena kita bisa memindahkan kolom dari kanan ke kiri atau sebaliknya dengan hanya mengubah CSS-nya tanpa mengubah code HTML-nya.

Salah satu komponen dalam sebuah halaman web adalah form isian. Nah bagaimana membuat form isian tanpa table. Berikut adalah contoh bagaimana membuat form isian tanpa table menggunakan CSS.

Kode CSS

<style type="text/css">
body{font-family:Arial, Helvetica, sans-serif; font-size:12px;}
 
label{float:left; width:150px; font-weight:bold;}
 
input, textarea, select{margin-bottom:10px; border: 1px solid #b9c7b0; padding:3px;}
 
input, textarea{width:330px;}
 
textarea{height:100px;}
 
small{display:block; padding-left:150px;}
 
.checkbox{width:2em; border:none; padding:0; margin:0;}
 
.button{margin-left:150px; margin-top:15px; width:120px; font-weight:bold; background:#2B5401; color:#fff; font-size:14px;}
 
br {clear:left;}
</style>

Kode HTML

<h2>Contoh Form tanpa table menggunakan CSS</h2>
<form action="" method="post">
<label for="name">Nama</label> <input type="text" name="name" id="name" /><small>Wajib diisin</small><br />
 
<label for="email">Email</label> <input type="text" name="email" id="email" /><small>Wajib diisin</small><br />
 
<label for="comment">Komentar</label> <textarea name="comment" id="comment" rows="5" cols="100"></textarea><small>Wajib diisin</small><br />
 
<label for="aggree">Setuju dengan Terms</label> <input type="checkbox" name="aggree" id="aggree" class="checkbox" /><br />
 
<input type="submit" name="task" value="Submit" class="button" />
</form>

Dan hasilnya dapat dilihat disini.

Seminggu ini merupakan hari berkabung karena salah satu situs iklan baris gratis-ku mengalami penurunan traffic yang luar biasa. Penurunannya mencapai 8/9 alias sekarang tinggal 1/9 dari pengunjug minggu sebelumnya. Saya sendiri gak ngerti kenapa bisa begitu yang pasti sedih aja biasanya ngeliat begitu banyak pengunjung eh sekarang pengunjungnya ilang ntah kemana (

Penurunan jumlah pengunjung ini juga berimbas kepada penurunan rupiah dari situs tersebut. Karena sebelum terjadi penurunan pengunjung rupiah yang dihasilkan lagi hot-hotnya karena terjadi peningkatan yang signifikan dari bulan sebelumnya. Dari PPC Lokal aja pernah nyampe 17.000 sehari, hasil yang lumayan bukan? Setelah terjadi penurunan pengunjung hasilnyapun melorot tajam bahkan mungkin lebih melorot dibanding popularitasnya presiden kita hehehe..

Setelah peristiwa ini saya jadi mikir ternyata tidak terlalu baik mengandalkan pengunjung hanya dari search engine karena bisa setiap saat situs kita di banned sama si search engine. Apalagi untuk situs-situs yang tidak unik seperti situs iklan baris. Mungkin sudah saatnya kita membuat situs iklan yang berbeda dari situs iklan yang sudah ada sekarang apalagi situs iklan baris gratis sudah seperti jamur yang tumbuh di musim hujan. Tapi seperti apa ya situs iklan yang berbeda dari yang ada? masih bingung juga nih mau bikin yang seperti apa.

Ngomong-ngomong ada yang tau gak ya kenapa pengunjungnya bisa turun begitu drastis, bagi ilmunya dong cos masih berharap trafficnya bisa kembali seperti dulu.

Setelah beberapa hari dimulai hari sabtu kemarin, akhirnya selesai juga redesain situs ringkasanberita.net-nya. Ringkasanberita.net sendiri merupakan situs yang menampilkan ringkasan berita dari beberapa situs berita yang ada di indonesia yang diambil dari rss yang disediakan oleh situs-situs berita tersebut. Design yang baru ini lebih bersifat portal daripada desain yang lama. Perubahan yang paling jelas terjadi adalah pada lebar situs tersebut, desain yang baru lebih lebar dari desain yang lama, yang dulunya hanya 830px sekarang jadi 990px. Perubahan yang lain adalah posisi menu navigasi, saya merubah posisi menu dari horisontal di sidebar ke bagian header dengan bentuk vertikal. Desainnya sendiri mengadopsi trend desain terbaru yaitu tableless alias tanpa tabel dan valid XHML walaupun masih yang transitional (abis kalo yang strict lebih njrimet )

Saya juga menambahkan fitur iklan baris gratis yang menjadi nilai tambah dari situs tersebut. Untuk memasang iklan barispun cukup mudah karena tidak perlu mendaftar terlebih dahulu untuk dapat memasang iklan. Yang perlu dilakukan adalah memilih menu iklan baris gratis, kemudian pilih pasang iklan dan isilah form yang ada dan iklan Anda akan langsung tampil tanpa menunggu persetujuan dari administrator. Beberapa fitur tambahan juga akan ditambahkan ke situs tersebut tapi kapan realisasinya kita tunggu aja .

Hari ini merupakan hari merupakan hari pertama secara resmi firefox 3 final bisa didownload. Firefox sendiri menamakan hari ini sebagai Download Day dengan ambisi memecahkan guinness world records untuk software dengan jumlah download terbanyak dalam 24 jam. Dengan semangat mendukung ambisi tersebut saya download juga tuh software hari ini.

Abis itu langsung aja saya install dan langsung dicoba. Setelah setengah hari ini pake firefox 3, saya sendiri merasa puas dengan performance yang diberikan. Perbedaan yang begitu terasa adalah firefox 3 lebih ringan dibanding firefox 2. Dari sisi rendering firefox 3 juga lebih cepat jika dibandingkan dengan versi sebelumnya. Dari sisi desain versi terbaru menurut saya juga lebih baik. Tapi ada sedikit yang membuat bingung yaitu history di address bar ketika kita menuliskan alamat web, tampilannya sangat berbeda dari versi sebelumnya. Kalau dulu hanya satu baris antara alamat web dan title dari web tersebut, sekarang jadi dua baris. Ini yang bikin bingung karena terlihat lebih besar dan lebih rame.

Belum menggunakan firefox 3? cepetan download. Pokoke mak nyus deh…

Awalnya lagi iseng explore mister-wong.com dan ketemu website Feed on Feeds sebuah website yang menyediakan script php untuk membaca RSS atau Atom. Langsung aja saya download scriptnya dan langsung di install di localhost untuk mencobanya. Proses installnyapun tidak terlalu sulit dan tidak membutuhkan waktu yang lama. Yang perlu diperhatikan adalah web server anda harus mendukung PHP minimal versi 4.3.2 dan harus terinstall ekstensi PCRE and XML, cURl minimal versi 7.10.5 dan MySQL sebagai database.

Setelah proses installnya selesai langsung deh dicoba. Tampilannya emang gak terlalu menarik tetapi cukup mudah untuk digunakan. Untuk menambahkan RSS yang ingin kita baca, kita cukup memasukan url RSSnya. Hasil pembacaan RSS tersebut akan disimpan ke dalam database. Untuk mengupdatenya dapat kita lakukan dengan cara manual atau secara otomatis (menggunakan cron jika kita pakai unix atau task manager jika kita pakai windows).

Setelah mencoba-coba akhirnya muncul ide untuk membuat website yang akan membaca RSS situs berita yang ada di Indonesia dengan menggunakan script tersebut. Ide ini juga diperkuat dengan kebiasaan saya yang hanya membaca ringkasan beritanya dulu sebelum membaca lengkap berita tersebut. Daripada saya harus membuka semua web berita akan lebih baik jika bisa hanya membuka satu website dan kita bisa membaca ringkasan berita dari berbagai web berita.

Dan akhirnya selesai juga website ringkasan berita tersebut. Website tersebut dibangun menggunakan script FeedonFeeds sebagai pembaca RSS-nya. Berhubung FeedonFeeds mengharuskan setiap orang untuk login supaya bisa membaca RSS tersebut dan saya sendiri males untuk ngutak-atik scriptnya akhirnya saya menggunakan CodeIgniter untuk menampilkan ringkasan berita supaya bisa dibaca oleh setiap orang tanpa harus login. Saya menggunakan CodeIgniter karena kebetulan lagi jatuh cinta sama framework ini dan sekalian belajar menggunakan CodeIgniter.

Anda mau baca berita? mending baca ringkasannya dulu dong.