Web Layout

Fra Kommunikation-IT Holstebro HTX
Skift til: navigering, 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