Boilerplate for static sites and static file email marketing built with Jade, Stylus and Coffeescript, using Gulp. Best web delivery practices, solid SEO, and clean/DRY structure in mind. Fast. Easy. Fun. Read more + quick start here: http://sitelightning.co/
Node, Gulp and Bower: npm i -g gulp bower.
- Download the boilerplate
curl -L -o yoursite.zip http://github.com/abstracthat/site-lightning/archive/master.zip - Unzip/rename and
cdto your site's folder - Run
npm install && gulp
Your first install can be a little slow due to graphics library testing. You might also need some dependencies: see Sharp and imagemin.
To work on your email campaigns run gulp email.
This boilerplate uses Gulp Lightning. I've abstracted the library/boilerplate stuff into dependencies in that repo. This makes it easy to update your project by just bumping the version for gulp-lightning in the package.json file. The only other requirement is a local install of gulp.
Here are the related projects this boilerplate uses:
Future additions...
- add responsive image / iframe lazy loader
- responsive image jade mixin
- automatically make all formats for each file
- Make open graph optimized images 1200x627
- favicons
- customize Marked to parse images for classes to support lazyload
- customize Marked lexer for youtube, video and audio blocks
- collection.jade uses first x posts
- render remaining n-x posts to collection.html
- client loads html for remaining pages in that collection when bottom approaching.
- Implement lunr.js
- autocomplete search template
Support IE8 with conditional vendor polyfills. https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-browser-Polyfills https://github.com/corysimmons/boy/blob/master/css/reset/reset.css
- html5shiv
- selectivizr
- boxsizing.htc
- calc() polyfill
- css3pie (axis + htc file)
- legacy css style sheet (rupture rasterize option)
- png htc
- placeholder.js
- svg?