frontend-style-guide icon indicating copy to clipboard operation
frontend-style-guide copied to clipboard

Best practices and basic CSS and HTML rules to apply

Frontend Style Guide

This Frontend Style Guide contains best practices and basic frontend rules to apply when working on an Arcbees' project. Rules are created to ensure cohesion in the code produced, to ease maintainability and give a common and known structure to work on.

We aim at producing something that will be able to grow and scale, while keeping it human readable and understandable for a newcomer. A balance between speed, ease and simplicity.

HTML

  • HTML Structure and Rules
  • Syntax
  • Page
  • JS hooks

CSS

  • CSS Structure and Rules
  • Spacing
  • Formatting
  • Units
  • Property Ordering
  • Selectors
  • Single Responsibility Principle
  • Variables
  • Comments
  • Media-queries
  • Others

Accessibility

soon

SEO

soon