All at Once: Learning SASS, Git, GitHub, and MAMP

That's right, I'm going for it.

It's been a long time coming and I feel like I'm already behind the times, so I'm pulling the proverbial trigger. I listen to tons of development podcasts each week and read dozens of articles about the web. The development community has fully embraced the git workflow - typically with the help of GitHub - and SASS development for CSS writing. Now, it's my turn.

Full dislosure: I am a total newbie to the whole git system. And while writing CSS in SASS makes total sense to me, I haven't tried using it in a project. Until now, that is. Follow along with me as I describe how this web designer is putting these new front-end dev practices into action. I'll tell you how I got set up, what worked, what was difficult, and my general thoughts along the way. For now, I'll simply be working with static files (PHP, CSS, JS), but hope to follow up the entire series with my implementation for a *insert CMS here* workflow.

This is going to be spread across a few posts, so lets get started with the project requirements!

Requirements for Setting Up the Development Environment

There are, obviously, a few things you'll need to get started. Beyond the software requirements, you'll need to sign up for a GitHub account. I'll also be assuming you're developing on a Mac for this series because, well, I am. Here are the pieces of software you'll need as well (with links & prices):

  • GitHub for Mac - Download - FREE
  • MAMP - Download - FREE (I like Pro for it's custom URLs, but Standard will work as well)
  • Chrome - Download - FREE (not mandatory, but the best browser for this workflow)
  • SublimeText 2 - Download - FREE (if you like SublimeText, you should pay for it, but the trial is free and unlimited forever)
  • CodeKit - Download - $25
  • Terminal - already on your Mac

While GitHub for Mac is optional (depends on how comfortable you are with the command line), I prefer to communicate with GitHub using software that is pretty visual. I am a designer first, after all. I've also tried a handful of text editors and always come back to SublimeText for it's simplicity and extensibility.

In the next article, we'll walk through setting up GitHub for Mac with your new GitHub account! Keeps your eyes open for that!

Drupal Paradise Ad