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

ITCSS provides an interesting approach to the CSS ordering and structure in order to make the cascade works to our advantage. This system is designed to build a sane, scalable and managed code base. It helps reduce redundancies, ease team work while keeping the technical dept on sight.

The Dummy wraps it with a robust and automated structure. It brings simple and sound concepts to build scalable projects de Haute Couture.

This union helps developers to build sane foundations, enforcing a consistent team work. Easy to learn and customise, Dummy fits everywhere and allow you to keep focused on what matters: Building high end user interfaces.

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 *.scss 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 with Browsersync

Usage

To install and work with the Dummy, follow our guide.

Keep in touch

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