Advanced Front End Architecture in D8: Sass, Gulp, & Living Style Guides HD

SLIDES: http://www.slideshare.net/afoster0/advanced-front-end-architecture-in-d8-sass-gulp-living-style-guides This session Originally was Presented at Drupal North 2016 - Montreal, Canada. http://www.drupalnorth.org/en/session/advanced-front-end-architecture-d8-sass-gulp-and-living-style-guides In this advanced session we will review the front-end tools & setup we use at Foster Interactive in our Drupal themes. This suite of tools is bundled in an open-source starter kit called Mainspring. Main-spring.io was created internally to allow us to kick off projects faster. It’s basically a clean slate where all the interesting tools and best practices we’ve observed in other open-source projects have been bundled together in a way that works with Drupal. Mainspring has evolved to include 3 major components: 1. Gulp/Node Based Development tools to help us code faster and with less bugs. 2. Living Style guide: (Think a custom, automatically documented version of Twitter Bootstrap for each project) 3. Sass Components / Structure (Opinionated refinement of the Drupal 8 CSS coding standards) The tools used in mainspring are all "Proudly Built Elsewhere". This session is intended to showcase what works for us. Hopefully you’ll see something interesting you can start using in your own project.