Below, you will find:
- Build Tools
- Code Compressors
- Code Quality
- Debugging
- Editors: Cross Platform ・ Mac Only ・ Windows Only ・ IDE's
- Playgrounds
- Version Control
Almost all projects can benefit from automated build processes. These tools can recompile, compress, concatinate, and redisplay your web app or site, as soon as your code changes are saved. Some tools integrate these features, while others are task runners which rely on other tools to do the actual dirty work.
These tools compile your JS and CSS files into a "minified" version, thereby reducing deployed file sizes. This results in quicker downloads, and less wait time for users, which we can all agree is a good thing!
These tools give inform you of problem areas in your code based on established best practives.
- Android Emulator
- Charles Web Debugging Proxy
- gzipWTF
- Intel HTML5 Developer Tools
- resizeMyBrowser & Resize
- traceGL
Take these editors whereever you go. Each can be used on Mac, Win, and/or Linux. A comprehensive list can be found here
- 9 reasons you must install Sublime Text 2
- An Editor You Will Regret You Haven't Used Before
- Sublime Text 2 Tips and Tricks
- Sublime Text Workflow That Beats Coda and Espresso
These code editors are for Mac users only.
- None - you might not be surprised to learn that the best cross-platform code editor out there right now, Sublime Text 2, is also the best code editor for the Mac. Therefore, the alternatives cannot be recommended as highly.
These code editors are for Windows users only.
- None - you might not be surprised to learn that the best cross-platform code editor out there right now, Sublime Text 2, is also the best code editor for Windows. Therefore, the alternatives cannot be recommended as highly.
Integrated Development Environments are a mixed bag. On the one hand, they give you every feature under the sun; on the other hand, they give you every feature under the sun. Note that with their high memory consumption and resulting sluggishness, as well as the steep learning curve required to take advantage of every feature, it is recommended that a code editor be looked at as a viable alternative.
If you want to have a sandbox, where you can play around with your latest HTML5, JS, and CSS ideas and tests, these resources will give you what you need. Make changes to your changes in your code and instantly see the results, all within your browser.
If you work on a team of 2 or more, you need version control. It's even a good idea if you work solo. There's only one version control system I'd recommended: git. And definitely use one of the recommended git services, below, as it gives you a free and easy way to backup your work.