On the right tools

Having the right set of tools for the job is essential. As we are writing code you will need an editor, processing tools, be able to handle servers and content management systems as well as know how to collaborate on projects using version control like Git.

Text editors

First and foremost you need a good, solid and fast editor. Here are some of the best:

In the future where everything runs in the browser we have online editors like:

The command line

At first daunting, the command line is where it all started. Through commands you have access to almost everything on your OS. Many of the tools I will later talk about are enhanced by the command line, others work only through the command line while some serve merely as a GUI for the command line.

On OS X you have Terminal.app.

@todo find links on getting started with the terminal


CSS Preprocessors

  • Sass
  • Less


  • Terminal
  • Grunt
  • Codekit
  • Livereload


  • Boilerplates
  • Yeoman
  • Generators

File transfer

Version Control

  • Git
  • Github & Bitbucket
  • Dropbox, SugarSync, etc.


Write faster HTML and CSS with Emmet