Jade Html5 Boilerplate

screenshot of Jade Html5 Boilerplate
express

HTML5 Boilerplate ported to Jade. Great as a drop and go markup skeleton for Express apps.

Overview

The Jade HTML5 Boilerplate is a simple port of the HTML5 Boilerplate to Jade, a popular templating language for HTML. Created by Dan Motzenbecker, this port includes select parts of the original HTML5 Boilerplate but leaves them as unbuffered comments by default. Users can uncomment these sections to enable them. The theme also provides two layout options: layout.jade, which uses Express-based resource paths, and layout_vanilla.jade, which utilizes the originals. The templates can be output as HTML files by running the build command and tested against references with the test command. This port has been tested with Jade 1.1.5.

Features

  • Simple port of HTML5 Boilerplate to Jade
  • Select parts of the original HTML5 Boilerplate included as unbuffered comments
  • Two layout options: layout.jade with Express-based resource paths, and layout_vanilla.jade with the originals
  • Ability to output templates as HTML files
  • Template renderings can be tested against references
  • Tested with Jade 1.1.5

Summary

The Jade HTML5 Boilerplate is a convenient port of the popular HTML5 Boilerplate to Jade. It provides an easy way to work with Jade templates while incorporating select features from the original HTML5 Boilerplate. With two layout options and the ability to output templates as HTML files, this port is a useful tool for web developers using Jade 1.1.5.

express
Express

Express.js is a simple Node.js framework for single, multi-page, and hybrid web applications.

template
Templates & Themes

A template or theme refers to a pre-designed layout or structure that provides a basic framework for building a specific type of application or website. It typically includes good design, placeholder content and functional features, allowing developers to customize and fill in the details according to their specific needs.

Pug

Pug is a high-performance template engine for Node.js and browsers that enables developers to write HTML templates using a concise and intuitive syntax. It supports a range of features, including template inheritance, conditionals, loops, mixins, and more, and can be easily integrated into a variety of web frameworks and build tools.