Dunia web semakin berkembang akhir-akhir ini. social network, e-commerce, e-learning, dan masih banyak lagi. Tak sedikit juga para developer beralih ke ranah web development, jadi apa saja yang mungkin kita butuhkan jika bekerja di ranah ini… mungkin list dibawah bisa menjawab

WireFraming

Wireframing ibarat membuat sketsa dari halaman web. Biasanya bentuk -bentuk sederhana yang dipakai, seperti persegi, bulat, persegi panjang, dan beberapa tulisan jika diperlukan. sebenarnya wireframing bisa dilakukan pada media kertas tapi jika berminta kita bisa menggunakan sebuah aplikasi. salah satunya yang cukup bagus ialah Pencil Project. tampilan sederhana namun performa luar biasa

Pencil Project

Pencil Project  merupakan sebuah  tool openssource untuk membuat diagram dan GUI prototyping. jadi setiap orang dapat menggunakannya. disinilah kelebihannya yang banyak tidak dipunyai tool lain.. GRATIS..

GUI Pencil Project

Bacaan lebih lanjut

• Pentingnya Wireframing
• Tool Wireframing

Image Editor

Membuat web tak akan terlepas dari image, baik ilustrasi ataupun untuk pembuatan icon. Mungkin kita berkata ah kan bisa download diinternet. Memang benar tapi… jika bisa membuat sendiri kenapa tidak..

Inkscape

Aplikasi yang sangat keren mengingat kita tak perlu membayar untuk memakainya. Mungkin inilah kandidat pengganti CorelDraw ( jika anda masih menggunakannya ). apalagi saat ini tutorial untuk inkscape semakin banyak. Jadi sepertinya Inkscape akan semakin berkembang..

GUI dari Inkscape

GIMP

Meskipun gratis, kemampuannya tak kalah dengan Photoshop. Tutorial nya pun kini sudah banyak, apalagi dukungan plugin yang cukup banyak, kita bisa menjadikan GIMP lebih mirip dengan Photoshop tanpa butuh waktu lama.

GUI dari GIMP

Bacaan Lebih Lanjut

• Inkscape Tuts I
• Inkscape Tuts II
• GIMP Tuts

Code Editor

Kita akan kesulitan jika membuat web namun kita tidak mempunyai tool untuk mengedit source codenya. kita tidak bisa hanya mengandalkan WYSIWYG semata. kadang kala (baca:sering kali) kita harus bersentuhan langsung dengan puluhan baris code..

Notepad++

Editor paling simple, Ringan, tapi Kinerja dan Fitur Super, mulai dari Snipet, Dukungan berbagai macam bahasa,  FTP client, auto complete, dan masih banyak lagi. Jadi jika kamu pengguna windows, editor ini editor wajib untuk dimiliki..

GUI dari Notepad++

GEdit

Editor bawaan linux Ubuntu. meski editor bawaan kemampuannya sangat mengagumkan, mulai dari snipet yang bisa di custom,  sampai dukungan untuk banyak bahasa. Mungkin bisa disebut versi Notepad++ nya di Ubuntu..

Geany

Bagi pengguna Notepad++ mungkin akan mudah terbiasa menggunakan aplikasi ini, beberapa shortcut yang sering digunakan memiliki kesamaan( tentu saja bukan Shortcut Copy paste ya)

Bluefish

Dibanding editor lain di linux, menurut saya editor ini yang memiliki GUI paling nyaman, (mungkin karena saya sering menggunakan windows dari pada linux). juga mendukung banyak bahasa, meski tak sebanyak notepad++

Eclipse

Editor semua platform, bagi yang tidak banyak hafal perintah aplikasi ini sangat berguna, auto complete nya benar-benar complete, bahkan sampai fungsi yang kita buat pun terakses oleh auto complete milik Eclipse.

GUI dari Eclipse

Netbeans

Tidak jauh berbeda dengan Eclipse, mungkin bisa dibilang kembar tak identik, mengapa kembar, karena kemampuannya mirip sekali. Kenapa tak identik, karena keduanya memiliki perbedaan yang cukup banyak juga.

Bacaan lebih Lanjut

• Code Editor Review

Browser

Dalam pengembangan web kita harus memastika bahwa web yang kita buat dapat berjalan di semua jenis browser, baik itu CSS-nya atau Javascript-nya. untuk itu setidaknya kita mempunyai beberapa jenis browser..

Firefox

Sebuah web browser yang sangat baik, dengan dukungan ribuan plugin yang siap kita gunakan. bahkan bagis saya sebenernya sampai saat ini firefox adalah browser paling nyaman untuk debuging web.

GUI dari Firefox

Google Chrome

browser keluaran google ini juga perlu kita miliki, cukup banyak orang beralih menggunakan browser ini.

GUI Google Chrome

Safari

Meskipun pengunanya sedikit tapi jangan dipertanyakan loyalitas mereka, dan setidaknya kita harus berusaha meng-akomodasinya. jadi browser ini tetap wajib anda miliki

GUI dari Safari

Opera

Sebuah browser yang sangat populer, apalagi dalam dunia mobile, para penguna mobile banyak melirik ke browser ini apalagi jika browser handset mereka dinilai sangat lambat (Opera memiliki fitur turbo yang diklaim mempercepat download page)

GUI dari Opera

IE

Mungkin anda tertawa melihat IE di list ini. Tapi jangan salah pengguna IE masih sangat banyak. Menurut data statistik dari w3Schools, hampir 25% pengakses w3schools menggunakan IE. Dengan jumlah yang cukup banyak tersebut kita terlalu egois jika tak supportnya sama sekali, apalagi dengan keluarnya IE versi baru. IE 9 yang mulai mengimplementasikan CSS3. Jadi ‘IE belum Mati’. hanya sayang browser ini hanya ada di windows jadi jika anda pengguna linux anda bisa menggunakan IETester

GUI dari IE 6

Bacaan Lebih Lanjut

• Browser Compability Test