Z StarterKit


I am Benjamin Caradeuc.

This is my opinionated web starterkit. It is not meant to show the best practices but has been built for two main goals:

  1. It helps me learn a lot by practicing some of the latest technologies I discovered and wanted to use one day
  2. I will use it in the future for some of my personnal or professional projects.

It is meant to build one-page-apps and will maybe evolve for bigger projects.

Find it on GitHub

These are the 3 main things I did want to know better :


Jade is an elegant templating language focused on enabling quick HTML coding. No more XML situps and percent prefixes for tags. It is HTML templating how it should be.

Jade is a Node.js brother of Haml, in the sense that it uses whitespace and indentation as part of its language.

Learn more...


Sass makes CSS fun again. Sass is an extension of CSS3, adding nested rules, variables, mixins, selector inheritance, and more. It’s translated to well-formatted, standard CSS using the command line tool or a web-framework plugin.

Sass is a scripting language that is interpreted into Cascading Style Sheets (CSS). It uses a syntax similar to Haml. It uses indentation to separate code blocks and newline characters to separate rules.

Learn more...


Gulp is a javascript task runner that lets you automate tasks such as…

  • Bundling and minifying libraries and stylesheets.
  • Refreshing your browser when you save a file.
  • Running code analysis
  • Sass to CSS compilation
  • Copying modified files to an output directory

It’s built on Node.js, and both the Gulp source and your Gulp file, where you define tasks, are written in JavaScript.

Learn more...