Generator Lilly

Named after our first dog this generator fits mostly my needs and is created for my own requirements.

Thanks to Sascha Fuchs for the help and his framework Kittn for the inspiration.

Also thanks to David Hellmann and his baukasten boilerplate.

Requirements

• composer
• git

Nice to Have

• Craft CLI
• Wordpress CLI

External Libraries

• Include Media (include-media.com) - Easy Media Queries
• Modularscale Scss (modularscale.com, https://github.com/modularscale/modularscale-sass) - generate a Modular Scale
• family.scss (https://github.com/LukyVj/family.scss) - handy mixins managing nth-child
• lazysizes.js (https://github.com/aFarkas/lazysizes) - Lazyload Images
• fluid type mixin (http://www.sassmeister.com/gist/7f22e44ace49b5124eec)

Craft

If you have installed Craft CLI it will be used to install Craft otherwise please install it by yourself

We can give you two Config Presets

• NY Studio 107 Craft Multi Environment (Recommended)
• Hearty Conf

Laravel

If you choose to Install Laravel it will create a new Project with composer

Wordpress

When you choose Wordpress the installer will do a fresh install of Wordpress via the WP-CLI tool, you need to install this tool http://wp-cli.org/

Install

npm install -g generator-lilly

Usage

Jump to your Project Folder and type: yo mh-boilerplate

Yeoman will set all necessary paths and other configs in the config.json

Yeoman will initialize a git repo and will fire npm run init to initialize the project

Important Commands

Initialize the Project

npm run init

Development Task

npm run dev

Runs webpack-dashboard so you have an overview of your build packages, including the Default Gulp Task with BrowserSync, also webpack is compiling JavaScript and CSS

Gulp Task

You can run every Gulp Task with

npm run gulp $TASK_NAME$

Special Thanks

• webdevs: Website
• Sascha Fuchs: GitHub
• David Hellmann: GitHub
• CSS Tricks - for Easing Map: Website
• Hugo Giraudel & Eduardo Bouças - for include media: Website
• @LukyVj - for family.scss: Website
• inuitcss - for some snippets and inspiration: website

-- Using functions of Hugo Giraudel http://hugogiraudel.com/2013/08/05/offsets-sass-mixin/ http://www.sitepoint.com/sass-mixin-css-triangles/

Using the REM Calc function of Foundation by zurb http://foundation.zurb.com