Solid foundations for modern development

Sass, Javascript & automation

The purpose of the dummy is to provide a consistent file structure with a normalized code and a collection of helpers and resets (Components served separately). It wraps ITCSS principles with a powerful automation system.

Features

Pug as templating system

Use layouts and partials to power your static websites

A Sass & Javascript structure

It follows ITCSS concepts
A simple font sizing : 1.6em = 16px
A collection of variables to manage default sizing, fonts and colors

Gulp to make your life easier

Compiles your *.pug pages
Compiles your *.sass files
Prefixes your css
Bundles your *.js files with browserify and Babeljs
Minify css and uglify js
Serves your files
Synchronizes and reloads your modifications across browsers

Usage

First, ensure that you have the latest Node.js and npm installed.

Plug and play

Plug

Yo Dummies!

Scaffold a dummy with the yeoman generator:

Install Yeoman, yarn && generator-dummies

Go to your project folder, then run: yo dummies
You can now import components from dummy-toolkit with yo dummies:toolkit

Manual installation

Get it from github:

Download latest release

Run npm install to install all dependencies
To build pug, sass andjs run gulp build

curl -L https://github.com/dummy-team/dummy/archive/master.tar.gz | tar zx && cd ./dummy-master/ && npm i && gulp

Play

To start working and serving files run gulp

Browser-sync will prompt the server url (localhost:3000)
You can now edit *.pug, *.sass & *.js files, *.html, *.css, *.js and assets will be overwritten

Keep in touch

If you find any caveats using it or have suggestions to improve the tool we gladly accept Pull Requests and issues.

Thanks

Thanks to Stéphanie Dragon who crafted such a nice logo !