Skip to content

CSS Code Conventies

  • Gebruik voor CSS-code altijd een apart bestand en zet dus geen CSS in je HTML-code.
  • Gebruik in je CSS-code geen !important.
  • CSS-code wordt in lower case geschreven.
  • Maak in je CSS-code zo weinig mogelijk gebruik van id selectors (#).
  • Voorzie je CSS-code zoveel mogelijk van zinvol commentaar.
  • Gebruik zinvolle naamgeving waaruit blijkt wat de CSS-code doet of waar het voor gebruikt wordt.
  • Webpagina’s zijn responsive voor telefoon, tablet en desktop.
  • Gebruik voor het responsive maken van je webpagina’s Flexbox (CSS Flexible Box Layout) en dus geen framework zoals Bootstrap.

Checklist

Je kan onderstaande checklist gebruiken om een .css bestand te checken op code kwaliteit.

  • CSS in apart bestand
  • Geen !important
  • CSS-code in lower case
  • Geen id selectors (#)
  • Zinvol commentaar
  • Zinvolle naamgeving
  • Responsive voor telefoon, tablet en desktop
  • Gebruik Flexbox
  • Geen Bootstrap

bron