Du skal ikke vide, hvad en CSS klasse er, for at have en god hjemmeside. Men du kan have glæde af at vide, hvorfor den måde, siden er bygget på, påvirker både prisen på ændringer og hvordan siden ser ud.

Hvad er en CSS klasse?

CSS er det sprog, der bestemmer, hvordan en hjemmeside ser ud: farver, skrifttyper, afstande og så videre. En klasse er et navn, man giver en type element, fx "knap" eller "citat". Så kan man beskrive udseendet én gang og bruge det alle steder.

To måder at bygge på

  • Uden system: Hvert element styles for sig. Knappen på forsiden og knappen på kontaktsiden ligner hinanden, men er lavet hver for sig. Skal farven ændres, skal den ændres mange steder.
  • Med system: Alle knapper bruger den samme klasse. Skal farven ændres, ændres den ét sted.

Hvorfor det betyder noget for dig

  • Ensartet udtryk. Siden ser professionel ud, fordi ting, der er ens, også ser ens ud.
  • Billigere ændringer. En ændring i designet tager minutter i stedet for timer.
  • Hurtigere side. Mindre kode betyder kortere ventetid for dine besøgende.

Designsystemer

Et designsystem samler alle beslutninger om udseende ét sted: farver, skrifttyper, størrelser og afstande. Jeg bruger Automatic.css, et designsystem, hvor farver og afstande er defineret som variabler. Skal farven på hele siden justeres, er det en ændring ét sted.

Sådan gør jeg

Alle mine hjemmesider bygges med navngivne klasser efter en fast navnestandard og et designsystem i bunden. Det er en del af grunden til, at jeg kan levere en side på 14 dage og holde prisen på rettelser nede.

Har du en side, hvor små ændringer altid tager lang tid? Så kan årsagen være, hvordan den er bygget. Send mig linket, så kigger jeg på den.