Mengedit xHTML dengan Web Developer

Setelah sebelumnya saya membuat tulisan tentang salah satu yang bisa kita perbuat dengan plugin Web Developer ( Firefox), sekarang saya bikin satu lagi. Fitur yang ini baru saya sadari ada setelah iseng-iseng ngutak-ngatik menu-menu yang ada di Web Developer.

Sebelumnya, apa kalian pernah mendesain template web ? kalau pernah, buat desainnya pake apa ? Dreamweaver ? ato apa ? memang banyak sekali tool untuk mendesain web, kalau belum mungkin tulisan ini bisa menambah wawasan (semoga ). Saya biasa sih pake Dreamweaver untuk merubah desain dari Photoshop ke format HTML dan phpDesigner klo sudah mau ngubah ke bentuk XML blogger, dan saya biasanya preview di browser Firefox.

Nah, kalau hasil preview di firefox kurang mantap ... maka akan saya edit lagi kode HTML-nya di Dreamweaver dan saya refresh (F5) halaman di Firefox untuk meng-update tampilan.  Kalau masih kuang mantap, maka saya ubah lagi dan begitu seterusnya . Capek ? Iya lah ... tapi sekarang sudah dimudahkan dengan bantuan web developer.

Dengan web developer ini, cukup dengan memilih menu Miscellaneous | Edit HTML, setelah itu sebuah sidebar akan muncul (biasanya di sebelah kiri) yang berisi kode HTML dari halaman tersebut. Edit kode HTML yang ada di sidebar tersebut, maka tampilannya langsung terupdate saat itu juga. Istilah kerennya on-the-fly.

Sebagai contoh, saya edit kode HTML-nya Majalahweb.com. Saya buka blog tersebut kemudian saya edit tag linenya.

Saat itu juga saya lihat dihalaman langsung berubah menjadi seperti ini

Website manapun bisa dipakai percobaan. Dan jangan khawatir, perubahan ini cuma bisa anda lihat di browser anda saja, orang lain akan tetap melihat website yang anda edit seperti tampilan normalnya.

Sebenarnya banyak sekali ada plugin menarik di Firefox. Saya sempat bikin plugin firefox yang saya install disini.