- NodeJS (https://nodejs.org/)
- GruntJS (http://gruntjs.com/)
- Yeoman (http://yeoman.io/)
- Bower (http://bower.io/)
- Susy (http://susy.readthedocs.io/)
- Csstyle (http://csstyle.io/)
- Font Awesome (https://fontawesome.com/v4.7.0/)
- Owl Carousel (Optional) (https://owlcarousel2.github.io/OwlCarousel2/)
- Greensock (Optional) (https://greensock.com/)
- Wow animations (Optional) (https://wowjs.uk/)
npm install -g generator-cappen-site
- Open a command promp and go to root project;
- Type
yo cappen-site
to install all dependencies; - Type
npm install
to install all dependencies; - Run
bower install
to install bower components; - When the installation is done, type
grunt app
to compile; This will runwatch
in dev mode; For production, typegrunt build
.
yo cappen-site:form
This will create a few important files:
/mockup/form.html
This file contains the markup html example (preview it on browser)
/scss/components/form.scss
This file is the style of form component
/scss/layouts/form.scss
This file contains the grid settings