<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	>
<channel>
	<title>Comments on: Forming Effective CSS Classes &#038; IDs</title>
	<atom:link href="http://www.brownbatterystudios.com/sixthings/2006/11/21/forming-effective-css-classes-ids/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.brownbatterystudios.com/sixthings/2006/11/21/forming-effective-css-classes-ids/</link>
	<description>Design wisdom in red and grey.</description>
	<pubDate>Thu, 28 Aug 2008 06:24:49 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.5</generator>
		<item>
		<title>By: Le blog de Vincent Battaglia &#187; Quelle est votre convention de nommage de class et id pour XHTML et CSS ?</title>
		<link>http://www.brownbatterystudios.com/sixthings/2006/11/21/forming-effective-css-classes-ids/#comment-30548</link>
		<dc:creator>Le blog de Vincent Battaglia &#187; Quelle est votre convention de nommage de class et id pour XHTML et CSS ?</dc:creator>
		<pubDate>Thu, 13 Dec 2007 09:40:31 +0000</pubDate>
		<guid isPermaLink="false">http://www.brownbatterystudios.com/sixthings/2006/11/21/on-effective-css-class-id-selectors/#comment-30548</guid>
		<description>[...] http://www.brownbatterystudios.com/sixthings/2006/11/21/forming-effective-css-classes-ids/ [...]</description>
		<content:encoded><![CDATA[<p>[&#8230;] <a href="http://www.brownbatterystudios.com/sixthings/2006/11/21/forming-effective-css-classes-ids/" rel="nofollow" >http://www.brownbatterystudios.com/sixthings/2006/11/21/forming-effective-css-classes-ids/</a> [&#8230;]</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Edward</title>
		<link>http://www.brownbatterystudios.com/sixthings/2006/11/21/forming-effective-css-classes-ids/#comment-30527</link>
		<dc:creator>Edward</dc:creator>
		<pubDate>Sat, 24 Nov 2007 10:32:13 +0000</pubDate>
		<guid isPermaLink="false">http://www.brownbatterystudios.com/sixthings/2006/11/21/on-effective-css-class-id-selectors/#comment-30527</guid>
		<description>I have the same issue with the Hungarian notation. Interesting post though.</description>
		<content:encoded><![CDATA[<p>I have the same issue with the Hungarian notation. Interesting post though.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Alex</title>
		<link>http://www.brownbatterystudios.com/sixthings/2006/11/21/forming-effective-css-classes-ids/#comment-21133</link>
		<dc:creator>Alex</dc:creator>
		<pubDate>Thu, 22 Mar 2007 13:49:09 +0000</pubDate>
		<guid isPermaLink="false">http://www.brownbatterystudios.com/sixthings/2006/11/21/on-effective-css-class-id-selectors/#comment-21133</guid>
		<description>Great write up! I love to stumble upon articles like this as its always interesting to rethink the way I implement CSS. 

I second the point about Hungarian notation and would add the HTML Ancestry, Element Variation and Namespaces to the poor choice list as well, as both eliminate one of the major strengths of CSS, implementing standard class and ID names and then using the cascade and child-selection techniques to apply the proper rules to the element of choice.  Ideally you would follow this structure (reworked the HTML Ancestry example) using your choice of capitalization scheme:
&lt;code&gt;
div.content { … }
    div.content .block { … }
       div.content h2 { … }
          &lt;strike&gt;small.content-block-header-meta { … }&lt;/strike&gt; // You shouldn't name your IDs or classes in a way that describes it's presentation ('small') as it may need to be styled differently after a redesign 
        div.content p { … }
&lt;/code&gt;

I'm sure this is beyond the purview of your original post, but I thought I'd throw it out there for others. 

Alex</description>
		<content:encoded><![CDATA[<p>Great write up! I love to stumble upon articles like this as its always interesting to rethink the way I implement CSS. </p>
<p>I second the point about Hungarian notation and would add the HTML Ancestry, Element Variation and Namespaces to the poor choice list as well, as both eliminate one of the major strengths of CSS, implementing standard class and ID names and then using the cascade and child-selection techniques to apply the proper rules to the element of choice.  Ideally you would follow this structure (reworked the HTML Ancestry example) using your choice of capitalization scheme:<br />
<code><br />
div.content { … }<br />
    div.content .block { … }<br />
       div.content h2 { … }<br />
          <strike>small.content-block-header-meta { … }</strike> // You shouldn&#8217;t name your IDs or classes in a way that describes it&#8217;s presentation (&#8217;small&#8217;) as it may need to be styled differently after a redesign<br />
        div.content p { … }<br />
</code></p>
<p>I&#8217;m sure this is beyond the purview of your original post, but I thought I&#8217;d throw it out there for others. </p>
<p>Alex</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Tim Te</title>
		<link>http://www.brownbatterystudios.com/sixthings/2006/11/21/forming-effective-css-classes-ids/#comment-5165</link>
		<dc:creator>Tim Te</dc:creator>
		<pubDate>Thu, 23 Nov 2006 14:53:40 +0000</pubDate>
		<guid isPermaLink="false">http://www.brownbatterystudios.com/sixthings/2006/11/21/on-effective-css-class-id-selectors/#comment-5165</guid>
		<description>great stuff, I'll be sure to keep these in mind...

oh, and P.S. your image on the top nav, as well as the backgrounds for the buttons doesn't show up on firefox with adblock, I'm guessing this has something to do with its name.. so..</description>
		<content:encoded><![CDATA[<p>great stuff, I&#8217;ll be sure to keep these in mind&#8230;</p>
<p>oh, and P.S. your image on the top nav, as well as the backgrounds for the buttons doesn&#8217;t show up on firefox with adblock, I&#8217;m guessing this has something to do with its name.. so..</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Brownspank</title>
		<link>http://www.brownbatterystudios.com/sixthings/2006/11/21/forming-effective-css-classes-ids/#comment-4733</link>
		<dc:creator>Brownspank</dc:creator>
		<pubDate>Tue, 21 Nov 2006 14:26:12 +0000</pubDate>
		<guid isPermaLink="false">http://www.brownbatterystudios.com/sixthings/2006/11/21/on-effective-css-class-id-selectors/#comment-4733</guid>
		<description>&lt;strong&gt;Martin:&lt;/strong&gt; I see your point with Hungarian Notation. I do find myself changing the prefix a few times through the course of coding up my layouts, but it also forces me to use semantic (and sometimes strict) markup.

And that weird footer thing, you caught me in the middle of a fix-it-up. :)</description>
		<content:encoded><![CDATA[<p><strong>Martin:</strong> I see your point with Hungarian Notation. I do find myself changing the prefix a few times through the course of coding up my layouts, but it also forces me to use semantic (and sometimes strict) markup.</p>
<p>And that weird footer thing, you caught me in the middle of a fix-it-up. <img src='http://www.brownbatterystudios.com/sixthings/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /></p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Martin</title>
		<link>http://www.brownbatterystudios.com/sixthings/2006/11/21/forming-effective-css-classes-ids/#comment-4730</link>
		<dc:creator>Martin</dc:creator>
		<pubDate>Tue, 21 Nov 2006 13:55:48 +0000</pubDate>
		<guid isPermaLink="false">http://www.brownbatterystudios.com/sixthings/2006/11/21/on-effective-css-class-id-selectors/#comment-4730</guid>
		<description>By the way, it looks like you have a problem with your "clear" class. It is applying your footer background to strange places.</description>
		<content:encoded><![CDATA[<p>By the way, it looks like you have a problem with your &#8220;clear&#8221; class. It is applying your footer background to strange places.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Martin</title>
		<link>http://www.brownbatterystudios.com/sixthings/2006/11/21/forming-effective-css-classes-ids/#comment-4729</link>
		<dc:creator>Martin</dc:creator>
		<pubDate>Tue, 21 Nov 2006 13:53:57 +0000</pubDate>
		<guid isPermaLink="false">http://www.brownbatterystudios.com/sixthings/2006/11/21/on-effective-css-class-id-selectors/#comment-4729</guid>
		<description>Interesting post. The only point I would disagree with is the use of Hungarian Notation. Prefixing the ID with the element name is restricting you. The ID could be used on different elements (unlikely for IDs I admit, but possible).</description>
		<content:encoded><![CDATA[<p>Interesting post. The only point I would disagree with is the use of Hungarian Notation. Prefixing the ID with the element name is restricting you. The ID could be used on different elements (unlikely for IDs I admit, but possible).</p>
]]></content:encoded>
	</item>
</channel>
</rss>
