View Single Post
Lenge siden jeg har holdt på med css merker jeg

Rent generelt kan man vel si at om du ønsker kode som er uniform i den forstand at den virker på tvers av browsere best mulig så forsøk å skrive kode som validerer i feks xhtml 1.1. Vet ikke om xhtml er de facto lengre men det var det tidligere. Alt av stilsett går i css, så du skiller mellom html og stilsett.

Tips til design fra bunnen av. Er det noe konkret du kan skisse opp for å komme igang? Om du tenker at du bygger designet på "bruk av bokser". En boks er en firkant. En firkant kan gå i en annen firkant, som kan gå i en annen firkant som kan gå......tidligere var det ofte snakk om feks 1, 2 el 3 eller multi columns design. I en 2 column layout kan du noe forenklet si at meny og navigasjon befinner seg i den "boksen" og innhold i den andre. Du stabler firkanter(div's) i, rundt, over og under hverandre. Gi hver <div> et så beskrivende navn som du klarer, for etter hvert som css fila vokser eller det har gått lang tid fra sist du jobbet så er det veldig tidsbesparende å ha gode beskrivelser.

Forsøk og kode korrekt html fra starten av. ingen åpne tagger eller annet slurv. Jo mer korrekt jo enklere vil det være å sikre at websiden vises og tegnes opp slik du ønsker på brukernes maskiner. Husk også at du må sette grensen en plass. Du trenger feks ikke kode kompatibelt med internet explorer 1.0, men kanskje med 5, 6 7 etc. Se på stat før du bestemmer deg. Også må du regne med å bruke noe tid på hacks. Css er fortsatt litt problematisk fordi noen browsere har valgt å ikke støtte CSS helt etter boken men har lagt inn egne tolkninger.

Personlig er jeg veldig fan av å skrive kode så minimalistisk som mulig. Når du er ferdig så forsøker du å se på hvordan du kan gjøre stilsettet mindre. Jo mer innsats du legger på slik jo raskere vil ting loade og brukerne vil spare datakvote og tid. Husk også at du kan vekte innhold ved hjelp av CSS. Måten du stacker divs har fortsatt betydning for hvordan søkemotorer leser siden. Husk de leser fra toppen og ned. Om du konsekvent blir vant til å kode slik at <div> med main content plasseres nærmest <body> tag så vil det spille inn positivt alt ellers likt. Det er også slik at interne linker fortsatt ruler, så den gode gamle site map feks er fortsatt smart, eller annet du kan bruke for å klinke til masse interne linker. Div'n til disse kan i html koden komme etter main content, så justerer du plasseringen i css.