Frontend Style Guide

Kaliop Team Standards 1.0 — June 2015

These guidelines are outdated. Please use Version 2.0 for new projects.

HTML Guidelines

HTML syntax
Indentation
HTML5 doctype
Language attribute
Character encoding
IE compatibility mode
Viewport meta
Styles and scripts
Attribute order
Boolean attributes
Reducing markup
Avoid inline style and scripts
JavaScript generated markup
IE conditional comments

CSS Guidelines

CSS syntax
Single declarations
Indentation
Property values
Declaration order
Shorthand notation
Comments
Media queries
Selectors
Components
Utility classes
JavaScript hooks and states
Preprocessors
Selector nesting
Organization

JavaScript Guidelines

JavaScript syntax
White space
Variable values
Always use var
Comments
Functions
Use a module pattern
Prefer strict equality
Avoid the `this` keyword if possible
Beyond console.log()