Create Breadcrumb Trail in Harp Template

Harp is a static web server with built-in preprocessing. It serves Jade, Markdown, EJS, CoffeeScript, Sass, LESS and Stylus as HTML, CSS & JavaScript without any configuration required, and can be used to output a static website. I’ve been writing a template that can be used to include a breadcrumb to any page in the site.

Continue reading

Using libsass with Foundation for Apps

By default Foundation for Apps uses Ruby Sass to compile your SCSS to CSS. This guide covers the conversion to libsass

I accept there are quite a few reasons that you might continue to use Ruby Sass, but if some of the missing features aren’t going to cause you any problems it’s much faster to compile using libsass. My compilation times dropped from around 8.3s using ruby sass to 1.4s using libsass. A huge benefit when you’re repeatedly waiting for your new style to show up during development. Continue reading

How to use Compass in Eclipse on Windows

Compass is an open-source CSS3 authoring framework. It is based around SASS and helps make CSS3 code cleaner and more re-useable. Unfortunately, it’s mostly command-line based, an area I guess a lot of Windows users don’t feel that comfortable with. So here’s my step-by step guide to getting Compass working on Windows. You can stop at the end of step 5 if you’re happy with the command-line approach, or carry on to the end if you use Eclipse and want automated builds from there.

Continue reading