Learn about Coding Tools

Which tools do you need as a developer? This part of our Coding Fundamentals section introduces you to some essential coding tools and explains how to use them.

All Tools tutorials:

  1. Learn How to be a TextMate Champion

    Learn How to be a TextMate Champion

    Tutorial Beginner

    TextMate is, by far, the preferred text-editor for most web developers on the Mac. In today's screencast we'll be taking a look at some of the features most...

  2. 10 Reasons Why You Should Be Using Firebug

    10 Reasons Why You Should Be Using Firebug

    Tutorial Intermediate

    Firebug is one of the most popular tools used by web developers. In this article, we'll take a closer look at ten of its most attractive features.

  3. 18 Wonderful IDEs for Windows, Mac, and Linux

    18 Wonderful IDEs for Windows, Mac, and Linux

    Tutorial Beginner

    Last week we looked at 22 Neat Editors for Windows. But sometimes, a code editor simply isn't enough, especially when you're working with things like...

  4. 22 Neat Code Editors for Windows

    22 Neat Code Editors for Windows

    Tutorial Beginner

    Code editors for Windows are numerous, but it seems that only a few of them are really worth using. After all, it can take a while to really get into the...

  5. Code Your Own Online “Paint Shop” App

    Code Your Own Online “Paint Shop” App

    Tutorial Intermediate

    Today we are going to replicate this excellent Flash based drawing application. But instead of sticking to good ol' Flash we are going to use the canvas...

  6. Introduction to Adobe Air

    Introduction to Adobe Air

    Tutorial Intermediate

    This tutorial will introduce you to Adobe Air, a framework to build rich internet applications. This first introduction will show how to create a simple...

  7. How Using State Diagrams Can Make You a Better Web Coder

    How Using State Diagrams Can Make You a Better Web Coder

    Tutorial Intermediate

    One tool that should be in your web coding arsenal is the state diagram. A state diagram shows the various "states" (reactions) that your application (e.g.,...

  8. How to Theme any CMS Using Firebug (And MediaWiki as an Example)

    How to Theme any CMS Using Firebug (And MediaWiki as an Example)

    Tutorial Beginner

    Often in my career as a web ninja, I've been asked to skin or theme open source projects to bring them in line with my clients brand. Depending on the...