Easy HTML5 front-end development with Middleman

An awesome tool for creating simple static sites and learning new front-end technologies. Build on top of Ruby and Sinatra.


Middleman is a static site generator based on Sinatra. Providing dozens of templating languages (Haml, Sass, Compass, Slim, CoffeeScript, and more). Makes minification, compression, cache busting, Yaml data (and more) an easy part of your development cycle.


Middleman can be as simple or advance as needed since developers can utilize one or more of all the technologies that it supports. It extremely simplifies the process of testing some of these technologies since it installs all of its tools and compilers at once.

HTML Support Perfect for getting into templating languages without a full Rails app to support it (ERB, Haml,…). It also incorporates an HTML5 boilerplate to get started.

CSS Support Auto-generates your CSS from SASS or SCSS files and supports Compass.

JS Support Supports CoffeScript as well as plain old JS


March 15, 2012 ☼ codecoffeescriptcsserbhamlhtmlhtml5javascriptmiddlemanmiddlemanapprailsrubyruby-on-railssassscssslim