Steven 2 minute read
February 11, 2014

My responsive toolkit

This is my responsive toolkit. There are many like it, but this one is mine.

My responsive toolkit is my best friend. It is my life. I must master it as I must master my life.

OK, perhaps a tad dramatic but it makes the point. There are many responsive toolkits out there — there’s also many front-end tools as well.

Most responsive toolkits have either been like the kitchen sink (Zurb Foundation/Twitter Bootstrap) or nicely done but not really adhering to the way I’d layout my own Sass. So I decided to pull together my starting point, reusing some of the most common project parts.

I’ve detailed in the past how I’ve been using CodeKit and tried Hammer for Mac. I haven’t actually written about Mixture which I’ve been using for over a year now consistently.

Briefly, what I like about Mixture is that it works on Windows and on Mac (there’s no Linux client though). I can run a Mixture project in simple mode meaning that it can ignore Mixture templates and includes and work directly with whatever system I’m implementing with my front-end.

Most importantly though, Mixture can sit on top of local Apache instance (or other web server) with it’s own IP address & port number allowing you to hit that combination on a smart phone, tablet and look at your work live. What’s more, if I save any of my Sass files, it’ll automatically push those changes to the connected device without having to refresh the browser.

The README file in the root of the project gives a pretty self-explanatory overview of the overall approach to the front-end. There are a few facets I’d like to add still but in this is a good point to start with.

Pull requests and suggestions are welcome.