Tegoei is tegoei

Wat mij regelmatig is opgevallen de laatste tijd bij situaties zoals “Hey Mark, kijk eens effe in mijn CSS, er is een probleem met x en krijg het niet opgelost” * is dat nog steeds veel CSS vol staat van “Spellingsfouten” als ik het zo mag noemen.

* Dit doe ik dus enkel voor een select aantal mensen, en neen M. is niet op jouw gericht, al kan het treffen

Enkele voorbeelden:

Een font-size opgeven in em’s wordt volledig geschreven: 1.0em of 0.80em of 1.5em

en niet:

.8em of 1em

Waarom denk je nu, probeer het maar eens op de verkeerde manier en test het in verschillende browsers, je zal het verschil zien, vooral in Internet Explorer.

Bepalen dat de margin en padding 0 moet zijn:

foo {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
margin-left: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}

Terwijl je dit kan doen:

foo {
margin: 0;
padding: 0; }

Je CSS zal veel overzichtelijker worden, geloof mij. Trouwens die manier van schrijven heet de shorthand methode.

Leer rekenen, wiskunde is vet-geilnodig

1 + 1 = 2
Dat weet iedereen toch ?? Neen, niet iedereen want het bepalen of je design “werkt” ligt ook meestal aan het feit of je goed kan tellen al dan niet.
Als bijvoorbeeld je sidebar 250px breed is, moet je er geen elementen in steken die 240px breed zijn en waar aan je nog eens 10px padding aan toevoegd. Want 240px +10px links +10px rechts = 260px nietwaar ?