Multipage boilerplate

An example how to organize assets and utilize webpack with modular code on a multipage website.

Technologies

• Bootstrap http://getbootstrap.com/
• Gulp http://gulpjs.com/
• Bower http://bower.io/
• Yeoman http://yeoman.io/
• Webpack http://webpack.github.io/
• Coffeescript http://coffeescript.org/
• SCSS http://sass-lang.com/
• Jade http://jade-lang.com/
• Angular https://angularjs.org/
• jQuery and some of its plugins

##Bower bookmarks

jquery
jquery.validation // Form validation
jquery-throttle-debounce // Debounce ajax calls
bootstrap-js-components // Selectable js components from bootstrap
imagelightbox // Image lightbox
vide //video backgrounds
slick Image carousel, NO other carousels should be used on multi-person maintained projects
dropzone // drag n drop, ajax file uploading
for toolitps -> http://kazzkiq.github.io/balloon.css/
matchHeight // match containers' height

jquery.inputmask // Avoid using such plugins especially on i18n sites
jquery.ui // Datepicker, slider
imagesloaded
holderjs // Placeholder image generator, good for bigger projects
underscore // js utilities
jquery.cookie // cookie handling
angular
angular-route
angular-sanitize
ubilabs-geocomplete // For simple geocomplete applications
raty // stars rating
jquery.populate // Refill forms from uri/json
angular-touch
jcrop // Picture cropper - 
bigtext // Span fontsize to match available width

TODOs

• Add nifty underlines for .content <a>
• Add z-index scale?
• Update autoprefixer parameter for iOS in gulpfile.js
• Refactor classnames to camelcase if there's any

License

• MIT for all, except the svg folder's content, which is for my personal use only.