CONVENTIONS

NAMING CONVENTIONS:

HTML & CSS: Dashes

EXAMPLE

<a href="" class="cta-button">CTA Button</a>

JavaScript: camelCase

EXAMPLE

function currentSlide(n) { ... }

File Naming: Underscores

EXAMPLE

design_docs.html

CSS File Arrangement:

ORDER

  • Elements
  • IDs
  • Classes
  • Media queries

COMMENTING CONVENTIONS:

Whenever a team member adds in a new element, they should clearly provide a comment stating what it is for.