Frontend Style Guide
Kaliop Team Standards 2.0 — November 2017
General Rules
Maintain a README file
Use EditorConfig
Use the DRY principle
Clean up your code
HTML and Templating
Formatting
Comments
Indentation
Document structure
Adding styles
Adding scripts
Semantic HTML
Accessible HTML
JavaScript hooks
UI states
Encoding & characters
Deprecated syntaxes
CSS & Sass
Formatting
Comments
Units: pixels, ems, etc.
Avoid
!important
Property order
Fonts
Selectors
Utility classes
Components
Responsive styles
Sass Selector Nesting
Sass Variables
JavaScript
Formatting
Comments
Naming things
Global variables
Modules
Using ES6
Debugging
Tooling up
Type coercion
The
this
keyword