In this screencast we have CodeKit start watching our project. This makes lots of developer tasks much easier.

The first thing we do is us it to losslessly optimize an image. Easy one click.

Then we install Compass in the project. This gives us the ability to use CSS3 mixins provided by Compass, instead of having to create our own, which we should surely do a worse job.

Perhaps most importantly, Compass (through CodeKit) now watches our project folder and automatically compiles our .scss files into .css that we actually use. As an added bonus, when save our .scss files in our code editor, those new styles are "injected" into the page automatically, which is awesome.


  1. User Avatar
    Permalink to comment#

    @Chris, no HD on this vid?

    • User Avatar
      Permalink to comment#

      Thanx for adding HD… You’re FAST!!!!!!

      P.S. Thanx for the new series!! It’s Awesome!!!

    • User Avatar
      Chris Coyier
      Permalink to comment#

      Yeah not sure what happened there, had to re-upload it.

  2. User Avatar
    Gary A
    Permalink to comment#

    Gah… So jealous of CodeKit. Though I have discovered Scout for Windows which is a pretty good piece of software as well :

  3. User Avatar
    Kennedy Otis
    Permalink to comment#

    whats the name of the plugin you are using to split the screen?

  4. User Avatar
    Austin Peterson
    Permalink to comment#

    I noticed you started with another theme and broke it down to start with. Are there any working files where I can just start building my word press site?

Leave a Comment

Posting Code!

You may write comments in Markdown. This makes code easy to post, as you can write inline code like `<div>this</div>` or multiline blocks of code in triple backtick fences (```) with double new lines before and after.

Code of Conduct

Absolutely anyone is welcome to submit a comment here. But not all comments will be posted. Think of it like writing a letter to the editor. All submitted comments will be read, but not all published. Published comments will be on-topic, helpful, and further the discussion or debate.

Want to tell us something privately?

Feel free to use our contact form. That's a great place to let us know about typos or anything off-topic.