Alcuni strumenti che uso per migliorare il mio sviluppo sono:
Visual Web Developer 2010 (parte di Visual Studio 2010)
Hai detto che l'IDE fa schifo. Con questo ora hai uno dei migliori IDE là fuori, e se hai usato il codice in C ++ scommetto che già conosci VS. Io uso la versione express che è gratuita e non ho bisogno di altro.
JS Fiddle e Codepad
Ottimo per provare layout HTML / CSS e script JS. Codepad è ottimo per provare il tuo sito web nelle lingue lato server.
Firefox + Firebug (o altri equivalenti del browser)
Il debug degli script è molto più semplice usando i browser. Hai anche un DOM in stile albero completo che puoi manipolare come desideri e le modifiche verranno applicate in tempo reale.
Utilizza un framework
Ci sono vari framework per ogni lingua web là fuori. Ti offre una serie di funzionalità ben collaudate che assicurano compatibilità cross-browser, ti fanno risparmiare un sacco di tempo di debug e "scrivi di meno fai di più". Suggerisco di esaminare jQuery e YUI per Codifica JavaScript.
Registro console
Per monitorare i progressi del debug, utilizza una console di debug, integrata nella maggior parte dei browser. In JS, utilizzando console.log('something to write');
si aggiunge una voce di testo alla console di debug, in questo modo è possibile aggiungere informazioni utili al codice per scopi di debug e tenere traccia dell'esecuzione del codice.
Boilerplate
Ora non fraintendermi. So che sei nello sviluppo di applicazioni web e non nel normale sito web. Ma il fatto è che è ancora un sito Web e devi ancora occuparti del problema più importante che hai: compatibilità tra browser. Questo è un modello solido che ti darà una solida base per le tue pagine HTML, e molto altro ancora ...
Ripristino CSS
Se non stai usando Boilerplate, che viene fornito con il suo reset CSS, puoi comunque assicurarti che le tue pagine siano visualizzate correttamente tra i browser. Un reset CSS lo garantirà. Il mio preferito è Ripristino CSS YUI , insieme a Base CSS e Font CSS .