Static site starter template for Middleman based on slimmer with Ruby on Rails architecture.
- Slim [for html]
- SASS [for css]
- CoffeeScript [for js]
- Bower [js package management]
- Middleman Live Reload [Reloads the page when files change]
- Middleman Autoprefixer [Automatically add vendor prefixes to CSS rules]
- GitHub Pages [deployment/hosting]
Install Middleman
gem install middleman
Install codeless template
mkdir ~/.middleman #if it doesn't exist yet
cd ~/.middleman
git clone git@github.com:flexbox/codeless.git codeless
Start your project
cd ~/path/to/your/project
middleman init PROJECT_NAME --template=codeless
Find and install the packages you need…
bower search PACKAGE_NAME
bower install ACTUAL_PACKAGE_NAME -S
Include the assets in your js/css files (paths relative to the root 'bower' directory )
#=require 'folder/file' - for js files
@import 'folder/file' - for css files
Stylesheets, fonts, images, and JavaScript files go in the /source/assets/ directory.
Vendor stylesheets and JavaScripts should go in each of their /bower_components/ directories.
rake publish
Thanks to neo for the deployment method. More information available there.
If you have problems, please create a GitHub Issue.
Have a fix or want to add a feature? Pull Requests are welcome!
 |
|---|
| David Leuliette |
This project is free software, and may be redistributed under GNU/GPL license.