Beberapa alat yang saya gunakan untuk meningkatkan perkembangan saya adalah:
Visual Web Developer 2010 (bagian dari Visual Studio 2010)
Anda mengatakan IDE menyebalkan. Dengan ini, Anda sekarang memiliki salah satu IDE terbaik di luar sana, dan jika Anda menggunakan kode C ++ saya yakin Anda sudah tahu VS. Saya menggunakan versi ekspres yang gratis dan saya tidak perlu lagi.
JS Fiddle dan Codepad
Bagus untuk mencoba tata letak HTML / CSS, dan skrip JS. Codepad sangat bagus untuk mencoba situs web Anda dalam bahasa sisi-server.
Firefox + Firebug (atau browser lainnya yang setara)
Skrip debugging jauh lebih mudah menggunakan browser. Anda juga memiliki DOM gaya pohon lengkap yang dapat Anda manipulasi sesuai keinginan dan perubahan akan diterapkan secara waktu nyata.
Gunakan kerangka kerja
Ada berbagai kerangka kerja untuk setiap bahasa web di luar sana. Mereka menawarkan Anda serangkaian fungsionalitas yang teruji dengan baik yang memastikan kompatibilitas lintas-browser, menghemat banyak waktu untuk debugging, dan "menulis lebih sedikit." Saya sarankan mencari jQuery dan YUI untuk coding JavaScript.
Log Konsol
Untuk melacak kemajuan debugging Anda, gunakan Debug Console, terintegrasi di sebagian besar browser. Di JS, menggunakan console.log('something to write');
akan menambahkan entri teks ke konsol debug, dengan cara ini Anda dapat menambahkan informasi berguna ke kode Anda untuk tujuan debugging dan melacak eksekusi kode Anda.
Pelat boiler
Sekarang jangan salah paham. Saya tahu Anda terlibat dalam pengembangan aplikasi web dan bukan situs web normal. Tetapi kenyataannya, ini masih sebuah situs web, dan Anda masih harus mengurus masalah paling penting yang Anda miliki: kompatibilitas lintas-browser. Ini adalah template yang solid yang akan memberi Anda dasar yang kuat untuk halaman HTML Anda, dan banyak lagi ...
Reset CSS
Jika Anda tidak menggunakan Boilerplate, yang datang dengan reset CSS-nya sendiri, Anda mungkin masih ingin memastikan halaman Anda terlihat dengan benar di antara browser. Reset CSS akan memastikan hal ini. Favorit saya adalah Reset YUI CSS , bersama dengan CSS Base dan Font CSS .