CSS

Hvad er CSS?

CSS står for Cascading Style Sheets og er sproget, der bestemmer hvordan HTML-indhold ser ud i browseren. Hvor HTML strukturerer indholdet, sørger CSS for det visuelle: farver, skrifttyper, afstande, layout og animationer. Det er her, design bliver til virkelighed.

Med CSS defineres det digitale udtryk – fra branding og æstetik til brugervenlighed og responsivitet.

Hvad bruges CSS til?

• Farver og typografi
  Definér skrifttyper, tekststørrelser, farver, linjeafstand m.m.

• Spacing og layout
  Margin, padding, grid, flexbox – hvordan elementer placeres og afstanden imellem dem.

• Responsivt design
  Media queries sikrer, at løsningen tilpasser sig mobil, tablet og desktop.

• Interaktioner og animationer
  Hover-effekter, overgange, mikroanimationer – alt det, der gør oplevelsen levende.

• Komponentstyling
  Gennem klasser og variabler kan man bygge konsistente design­systemer.

Typer af CSS-strukturer

• Vanilla CSS
  Den rene version, direkte skrevet i .css-filer – fuld kontrol, men manuelt og skaleringsfølsomt.

• Preprocessors (SCSS, LESS)
  Tilføjer variabler, mixins og nesting – gør større projekter nemmere at vedligeholde.

• Utility-first CSS (fx Tailwind)
  Bygger UI med små, genanvendelige klasser – øger konsistens og hastighed.

• CSS-in-JS (Styled Components, Emotion)
  Styling direkte i komponenter i fx React – populært i moderne frontend-arkitektur.

Hvem arbejder med CSS?

• Frontend-udviklere:
  Skriver og strukturerer CSS i komponenter og templates.

• UI-designere og design engineers:
  Oversætter designguides og prototyper til levende stilregler.

• UX-teams:
  Samarbejder om visuel hierarki, spacing, farvepsykologi og microinteractions.

• Digitale strateger og CTO’er:
  Prioriterer CSS-struktur og værktøjer, der understøtter skalerbarhed og performance.

CSS i praksis hos Dominant

Hos Dominant arbejder vi med komponentbaseret, skalerbar og moderne CSS – ofte med Tailwind CSS, SCSS eller CSS-in-JS afhængigt af projektets karakter. Vores tilgang sikrer:

• Konsistent visuel stil gennem hele løsningen

• Let vedligeholdelse og hurtigere udviklingstid

• Performanceoptimeret CSS – uden overflødig styling

• Klar separation mellem struktur (HTML), præsentation (CSS) og funktion (JS)

Vi bruger CSS som et strategisk værktøj – ikke bare til design, men til at styre oplevelse, brand og forretningens digitale identitet.

Husk:

• CSS er, hvad brugeren ser og føler – det former førstehåndsindtrykket.

• Dårlig CSS er ikke bare grimt – det forvirrer, forsinker og får folk til at forlade din side.

• CSS er design i kode – og design er strategi.