Web layout prototyping

Simple setup for web layout sketching and prototyping with code.

Key features

12 column grid system with gutter variables (customized Flexboxgrid)
Normalizing and baseline styles in place, so you can focus on the fun parts
swup for unobtrusive page transitions
LazyLoad for lazyloading images, background images, videos and iframes
in-view for detecting when elements become visible in viewport
jQuery
Velocity.js for smoother animations
Simple PHP templating system for includes.
Grid widget to check if things align. Add from js-snippets.js. Toggle by pressing "g".
No-js/js check, sets relevant class on body
Everything works offline, no CDNs etc.