pixelrake

overview

pixelrake.com (this site) was developed as a front-end experiment w/ a Static Site Generator using the tools and setup below:

Setup

Bower Packages

Other

  • Image Optim - drop in to optimize images
  • Noisli - background noise
  • Git for Version Control
  • Markdown in posts
  • Dynamic Content add-on to support posts with Front-Matter
  • css & js-pipeline packages that include .YML Manifests

Notes & Comments

  • There seems to be an ever-growing list of static website generators out in the wild today. I first ran into Ruby-based Jekyll and Middleman which have been kicking around for a while. Searching for a node.js-based alternative, I found an article by Kevin Lewis and soon began clicking through the docs and tutorials over on roots.cx.

Out of the box roots comes with a mix of jade for templating, stylus for css pre-processing and the axis library. I removed some of these defaults in favor of a jade, skeleton, and sass combo. Stylus did seem tempting but i preffered to work with sass for now. roots files

Other Approaches to Static Site Generators
Back to Work