What motivates me to write this question is that I’m really into making good appearing web-sites but I definetly do not feel confortable with CSS.
My feeling is that it’s all about trial-and-error. I need to try to do something and test, test and then test it over again in all browsers and after all I still have a feeling that the result isn’t that cross-browser.
I can’t find a way to systematically transform an idea in a consistent layout that is easy to read and cross-browser.
So I’m asking you: Is there a paradigm, a step-by-step guide or anything that could help me having the feeling that I’m doing it the right way?
Use Object Oriented CSS. Their approach is really methodical; pages makes sense just by looking at the markup. The layout component is particularly good.
For example:
Doesn’t the markup above just make sense? You can find more Grid samples here.
Also, you should probably know that OOCSS is built upon the CSS Reset Stylesheet and Fonts from the YUI library. Although OCSSS has no real “styles” defined, it provides a great foundation to make your CSS more predictable and consistent.