Comments on: 7 additional tips for CSS markup

By: Brian

Brian — Thu, 10 Nov 2011 12:17:40 +0000

All and all a good article. Well done !!

By: Kohana 3 auth: sample implementation and documentation « Mixu's tech blog

Kohana 3 auth: sample implementation and documentation « Mixu's tech blog — Tue, 14 Sep 2010 08:24:14 +0000

[...] this post. You can do a lot by adding a few more divs into the header div. I have tried to follow my own advice about CSS, but the included CSS file is pretty basic. It includes the Yahoo CSS [...]

By: Better web application interface markup: lessons from Wordpress theme frameworks (Thematic, Theme Hybrid, WP Framework) « Mixu's tech blog

Tue, 20 Jul 2010 10:25:53 +0000

[...] Every time I start a new web application project, I spend a while (re)thinking what the layout structure should be in terms of CSS and HTML (e.g. semantic naming, organizing CSS markup). [...]

By: Mikito Takada

Mikito Takada — Sat, 27 Mar 2010 16:27:17 +0000

Thanks for commenting. I think that there is a small set of inline elements, such as H1 for which it is useful to define “global” styles. You can still override the styles in those cases where it is necessary – just organize the related elements as a “widget” with a base class name or use an ID.

I don’t think tables should have global styles besides the CSS reset. It seems to always end up being too complex. So what I would do is give the table a class name or ID, and give each type of table widget it’s own set of styles.

This would include inline elements like H1 as well – but instead of relying on the coincidental application of styles from the “global style” I would explicitly define all the necessary styles inside the widget definition. This wastes some space, but in my opinion stylesheets are meant to be human-readable and portable and if that requires an extra couple of hundred bytes, it still is worth it.

By: gman

gman — Thu, 25 Mar 2010 07:12:34 +0000

I’m not an HTML or CSS guru by any means but running a blog, I can say that “#content h1″ makes it hard to edit my blog.

What happens is around the main page there is #body or some such. That means EVERYTHING inside that is effected. Around that this are things like #left-column, #middle, #right-column. So now both #body and #middle effect everything in my content. Finally there is something like #posts, #post and #content

So I’m trying to write some content. I need a table. That table needs custom styles to get it’s point across. But now the css for #body, #middle, #posts, #post and #content all effect it. I really want an easy way to be able to make some custom content with custom styles and not have to know which 25 settings I need to reset because of the “#id tag” idiom.

Is there a recommended way to do that?