Web Layout

Fra Holstebro HTX Wiki
Spring til navigation Spring til søgning

Blot et enkelt layout kan være svært at styre i Web Layout, da der er mange forskellige ting at tage højde for.

Blog om emnet

Et godt blog-indlæg[1] beskriver nogle af de grundlæggende overvejelser, og viser eksempler på 4 gode steder at starte.

Kode eksempler

I blog-indlægget er der angivet 4 forskellige teknikker baseret på forskellige web-filosofier, men med nogenlunde samme struktur. Den ene struktur[2] arbejder med en delvis tilpasning af siden, mens de andre giver forskellige muligheder for at styre layoutet.

Eksemplerne er vist på CodePen[3], hvor der er mulighed for at finde et design og eksperimentere med koden ved at trykke Fork i toppen, hvor man får vist de vigtigste dele af HTML, CSS og JavaScript koden, samt at man kan prøve at redigere i det, så man får en ide om hvordan det fungerer (opdaterer næsten live)

Referencer

  1. ↑ Blog indlæg om Web Layout Beskrevet af Nick Pettit
  2. ↑ Layout eksempel med Responsive layout
  3. ↑ Codepen.io Et sted hvor man kan afprøve sine ideer, finde inspiration fra andres ideer og promovere sine egne ideer