Monday, September 29th, 2008

CSS Systems: Maintaining your style

Category: CSS

<p>

Natalie Downe gave a talk at BarCamp London on CSS Systems as a wait to maintain your style. She goes into details on how she goes about setting up her CSS on a project:

A CSS System is a reusable set of content-oriented markup patterns and associated CSS created to express a site’s individual design. It is the end result of a process that emphasizes up-front planning, loose coupling between CSS and markup, pre-empting browser bugs and overall robustness. It also incorporates a shared vocabulary for developers to communicate the intent of the code.

Related Content:

Posted by Dion Almaer at 6:03 am
2 Comments

+++--
3.7 rating from 26 votes

2 Comments »

Comments feed TrackBack URI

I personally have preferred nesting according to how styles are inherited on a page, since its easier to debug.
.
Never use CSS hacks? Some browsers do need help besides IE you know. Conditional comments are intrusive.
.
Also, if you find yourself drilling down your page often with a lengthy selector, you might want to consider adding another class to the page.

Comment by TNO — September 29, 2008

I wouldn’t recommend using browser hacks for that… instead just try to limit yourself to the set of instructions that any browser besides IE implement perfectly or almost perfectly… which is a lot. If you’re running into bugs with some complicated behaviour, sit down and try to think of another way to do it… maybe a simpler way. For example, I see people complaining every day that floats don’t work like they expect. They’re right, of course… even non-IE browsers seem to behave differently around floats, but that’s not the point. The point is that 90% of all cases where people are complaining about floats can be solved by using absolute positioning (which is something most people don’t dare to use for some reason, even when it does make sense) or display inline…

Comment by Hans Schmucker — September 29, 2008

Leave a comment

You must be logged in to post a comment.