General Guidelines

Pillars of Front-end Development

  1. Separation of presentation, content and behaviour.
  2. Mark-up should be well-formed, semantically correct and generally valid.
  3. JavaScript should progressively enhance the experience.

General Practices

Indentation

For all code languages, indentation is required to be done via soft tabs (using the space character). Hitting Tab in your text editor shall be equivalent to four spaces, although I personally recommend using an indentation of 2 spaces.

Readability vs. Compression

I prefer readability over file-size savings when it comes to maintaining existing files. Plenty of whitespace is encouraged, along with ASCII art, where appropriate. There is no need for any developer to purposefully compress HTML or CSS, nor obfuscate JavaScript.

Server-side or build processes will be used to automatically minify and gzip all static client-side files, such as CSS and JavaScript.