I’ve been trying to write my CSS the wrong way round, and it’s taken me until now to realise.
My usual way has been to write the stylesheet, then write everything that goes in <body> and it was wrong because I would rush the body content so I could check the css, but when I filled the body content to what I wanted, I would sometimes get ‘interesting’ effects. And now I know why – I was doing it the wrong way round.
If I fill the body with the expected contents – such as with a static page here or a page at abody – paying due regard to the flow and tagging as I see the layout appearing, and then write the css, I will get 2 benefits:
- I can write the stylesheet sequentially according to how elements are used.
- I can more immediately see the full effect (my browser and screen size limitations aside).
Despite my constantly telling others that they should sketch out their plans on paper first, I never do – laziness rules on that one. I may not be a complete whizz on css, but I can do more than enough but I was, I now know, bogging myself down with the way things were. It dawned on me this morning while pondering the abody price list job that I could attack this better by doing it the other way around, so I will.
And here is a riddle (from the a.m.f ng):
I’m something you eat,
You might know my name,
Or else my description,
They’re one in the same.