Skip to main content
Frontend Foundations
  • Principles
  • Standards
  • Accessibility
  • Performance
  • Architecture
  • Patterns
  • Checklists
  1. Home
  2. Standards

Standards

Shared rules for how teams build HTML, CSS, JavaScript, accessibility, and performance consistently.

  • HTML

    Semantic structure, forms, headings, ARIA, buttons vs links, and native-first delivery.

  • CSS

    LSCSS methodology, architecture, variables, layers, scope, and maintainable styling systems.

  • JavaScript

    Progressive enhancement, native behaviour, modules, readability, testing, and performance-aware code.

  • Code Formatting and Style

    4-space indent; CSS, HTML, and JS/TS formatting rules; formatter plus review; examples for real delivery.

  • Accessibility

    Keyboard access, focus, screen readers, reduced motion, forms, and accessibility by default.

  • Performance

    Page weight, Core Web Vitals, images, fonts, JavaScript budgets, and third-party risk.

Frontend Foundations
  • Principles
  • Standards
  • Accessibility
  • Performance
  • Architecture
  • Patterns
  • Checklists
  • Accessibility statement
  • AI statement
  • Privacy policy
  • Terms of use
  • Cookie policy
  • Version history

© 2026Crayons and Code. Frontend Foundations — a practical frontend reference.