lenas egna

För att ytterligare öka läsbarheten har jag bara gjort ett par småsaker: satt fontstorlekar på rubrikerna och lagt till luft. Fontstorleken för allting är initialt satt till 100% i reset.css. 100% innebär den storlek som besökaren har inställd i sin webbläsare (jag har för mig att det är 14px om man inte ändrat något). Det gör att jag kan ställa in fontstorleken för olika element proportionellt till dessa 100%, med enheten em. Det finns flera goda skäl (ja, jag vet, det är på engelska men jag orkar inte förklara. Bara tro på mig om du inte orkar läsa…) att göra på det viset. Och så satte jag lite padding under rubrikerna och lite margin över och under article-elementet (det är ju det som omger varje enskilt inlägg). That’s it.

style.css

/*text*/
h1{
	font-size: 2em;
}
h2{
	font-size: 1.7em;
}
h3{
	font-size: 1.4em;
}
h4{
	font-size: 1.2em;
}
h1, h2, h3{
	padding-bottom: 20px;
}
article{
	margin: 20px 0;
}

Och nu börjar det roliga: att göra design och lägga till funktionalitet. En del väljer att göra design först och funktion sen, andra tvärtom. Jag gör lite av varje. Först en del stajling, så jag får en känsla för vad jag vill åstadkomma i slutet, jag är nämligen inte så ordentlig som man ”ska” vara, och börjar att rita med papper och penna och sedan överför till en photoshop-bild som jag till slut översätter till kod. Jag tar det direkt från huvudet och testar mig ofta fram. Var och en blir salig på sin tro. Sedan lägger jag på funktioner, och på slutet blir det finputs av både det ena och det andra. När det blir mer avancerat blir nämligen funktion och design ganska ofta beroende av varandra.