<?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"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
		>
<channel>
	<title>Comments on: Elemental Nomenclature</title>
	<atom:link href="http://meyerweb.com/eric/thoughts/2004/06/18/elemental-nomenclature/feed/" rel="self" type="application/rss+xml" />
	<link>http://meyerweb.com/eric/thoughts/2004/06/18/elemental-nomenclature/</link>
	<description>Things that Eric A. Meyer, CSS expert, writes about on his personal Web site; it&#039;s largely Web standards and Web technology, but also various bits of culture, politics, personal observations, and other miscellaneous stuff</description>
	<lastBuildDate>Fri, 19 Mar 2010 00:27:46 -0400</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
		<item>
		<title>By: Semantic Naming Conventions &#171; Adrian Pelletier</title>
		<link>http://meyerweb.com/eric/thoughts/2004/06/18/elemental-nomenclature/#comment-443049</link>
		<dc:creator>Semantic Naming Conventions &#171; Adrian Pelletier</dc:creator>
		<pubDate>Sun, 15 Feb 2009 18:39:34 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2004/06/18/elemental-nomenclature/#comment-443049</guid>
		<description>[...] Elemental Nomenclature [...]</description>
		<content:encoded><![CDATA[<p>[...] Elemental Nomenclature [...]</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: lewis litanzios</title>
		<link>http://meyerweb.com/eric/thoughts/2004/06/18/elemental-nomenclature/#comment-340187</link>
		<dc:creator>lewis litanzios</dc:creator>
		<pubDate>Thu, 20 Mar 2008 13:52:45 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2004/06/18/elemental-nomenclature/#comment-340187</guid>
		<description>@heath

&#039;Designers should be left to really focus on the look of things and programmers should be left to code. This would also help to keep html semantically clean and force css spec&quot;s to continue to evolve. I think the more html and css hold hands the more they hold each other back. It&quot;s always hard, but the couple needs to divorce for both to really grow.&#039;

i disagree with this, but i can see where you&#039;re coming from. i took this attitude a few years ago. i feel it&#039;s so often the case for designers to &#039;bottle it&#039; (for what of a better term) with design foresight because they can&#039;t implement it in code - so they don&#039;t do it. what are we left with; many run of the mill designs, boxed blogs, and ripped off aesthetics - often built by developers.

it&#039;s a real shame, but wouldn&#039;t the web be a wonderful place if designers and coders were one in the same. we would have amazingly gorgeous websites everywhere! designers/developers that have a rapport with one another are very lucky.</description>
		<content:encoded><![CDATA[<p>@heath</p>
<p>&#8216;Designers should be left to really focus on the look of things and programmers should be left to code. This would also help to keep html semantically clean and force css spec&#8221;s to continue to evolve. I think the more html and css hold hands the more they hold each other back. It&#8221;s always hard, but the couple needs to divorce for both to really grow.&#8217;</p>
<p>i disagree with this, but i can see where you&#8217;re coming from. i took this attitude a few years ago. i feel it&#8217;s so often the case for designers to &#8216;bottle it&#8217; (for what of a better term) with design foresight because they can&#8217;t implement it in code &#8211; so they don&#8217;t do it. what are we left with; many run of the mill designs, boxed blogs, and ripped off aesthetics &#8211; often built by developers.</p>
<p>it&#8217;s a real shame, but wouldn&#8217;t the web be a wonderful place if designers and coders were one in the same. we would have amazingly gorgeous websites everywhere! designers/developers that have a rapport with one another are very lucky.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: afhill</title>
		<link>http://meyerweb.com/eric/thoughts/2004/06/18/elemental-nomenclature/#comment-40987</link>
		<dc:creator>afhill</dc:creator>
		<pubDate>Mon, 31 Jul 2006 17:16:28 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2004/06/18/elemental-nomenclature/#comment-40987</guid>
		<description>[...] I&#8217;m working on a new project, and after reading What&#8217;s in a Name, What&#8217;s in a Name Part Two and Elemental Nomenclature, I want to try to set up some semantically-relevant ids for the page elements. [...]</description>
		<content:encoded><![CDATA[<p>[...] I&#8217;m working on a new project, and after reading What&#8217;s in a Name, What&#8217;s in a Name Part Two and Elemental Nomenclature, I want to try to set up some semantically-relevant ids for the page elements. [...]</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: wisbin  &#187; Blog Archive   &#187; Eric&#8217;s Archived Thoughts: Elemental Nomenclature</title>
		<link>http://meyerweb.com/eric/thoughts/2004/06/18/elemental-nomenclature/#comment-6180</link>
		<dc:creator>wisbin  &#187; Blog Archive   &#187; Eric&#8217;s Archived Thoughts: Elemental Nomenclature</dc:creator>
		<pubDate>Wed, 24 Aug 2005 00:13:10 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2004/06/18/elemental-nomenclature/#comment-6180</guid>
		<description>[...] hat use the same nomenclature. This is, it seems to me, the least I can do.  » meyerweb : Archived Thoughts: Elemental Nomenclature 	OK, let me try&#8230;. please bea [...]</description>
		<content:encoded><![CDATA[<p>[...] hat use the same nomenclature. This is, it seems to me, the least I can do.  » meyerweb : Archived Thoughts: Elemental Nomenclature 	OK, let me try&#8230;. please bea [...]</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: wisbin  &#187; Blog Archive   &#187; And all that Malarkey // Naming conventions table</title>
		<link>http://meyerweb.com/eric/thoughts/2004/06/18/elemental-nomenclature/#comment-6179</link>
		<dc:creator>wisbin  &#187; Blog Archive   &#187; And all that Malarkey // Naming conventions table</dc:creator>
		<pubDate>Wed, 24 Aug 2005 00:00:54 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2004/06/18/elemental-nomenclature/#comment-6179</guid>
		<description>[...] key // Naming conventions table 	 			 					1. And all that Malarkey // Naming conventions table 	2. http://meyerweb.com/eric/thoughts/2004/06/18/elemental-nomenclature/ 	So what should we name our elements? 	Here are my suggestions for main structura [...]</description>
		<content:encoded><![CDATA[<p>[...] key // Naming conventions table 	 			 					1. And all that Malarkey // Naming conventions table 	2. <a href="http://meyerweb.com/eric/thoughts/2004/06/18/elemental-nomenclature/" rel="nofollow">http://meyerweb.com/eric/thoughts/2004/06/18/elemental-nomenclature/</a> 	So what should we name our elements? 	Here are my suggestions for main structura [...]</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Ryan Tomayko's Weblog</title>
		<link>http://meyerweb.com/eric/thoughts/2004/06/18/elemental-nomenclature/#comment-447</link>
		<dc:creator>Ryan Tomayko's Weblog</dc:creator>
		<pubDate>Wed, 14 Jul 2004 13:47:17 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2004/06/18/elemental-nomenclature/#comment-447</guid>
		<description>&lt;strong&gt;Per Site User Stylesheets&lt;/strong&gt;
Making User Stylesheets (CSS) useful.</description>
		<content:encoded><![CDATA[<p><strong>Per Site User Stylesheets</strong><br />
Making User Stylesheets (CSS) useful.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: mister76</title>
		<link>http://meyerweb.com/eric/thoughts/2004/06/18/elemental-nomenclature/#comment-264</link>
		<dc:creator>mister76</dc:creator>
		<pubDate>Wed, 30 Jun 2004 22:54:33 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2004/06/18/elemental-nomenclature/#comment-264</guid>
		<description>The only advantage of consistant naming is user stylesheets.  As long as webmasters don&#039;t name divs &quot;leftsidebar&quot; or something like that (which would defeat the seperation of style and content), it doesn&#039;t matter too too much.</description>
		<content:encoded><![CDATA[<p>The only advantage of consistant naming is user stylesheets.  As long as webmasters don&#8217;t name divs &#8220;leftsidebar&#8221; or something like that (which would defeat the seperation of style and content), it doesn&#8217;t matter too too much.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: digital camera</title>
		<link>http://meyerweb.com/eric/thoughts/2004/06/18/elemental-nomenclature/#comment-238</link>
		<dc:creator>digital camera</dc:creator>
		<pubDate>Wed, 23 Jun 2004 14:28:02 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2004/06/18/elemental-nomenclature/#comment-238</guid>
		<description>Designers should be left to really focus on the look of things and programmers should be left to code. 

This would also help to keep html semantically clean and force css spec</description>
		<content:encoded><![CDATA[<p>Designers should be left to really focus on the look of things and programmers should be left to code. </p>
<p>This would also help to keep html semantically clean and force css spec</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Lachlan Hunt</title>
		<link>http://meyerweb.com/eric/thoughts/2004/06/18/elemental-nomenclature/#comment-235</link>
		<dc:creator>Lachlan Hunt</dc:creator>
		<pubDate>Mon, 21 Jun 2004 23:30:41 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2004/06/18/elemental-nomenclature/#comment-235</guid>
		<description>Hi,
  I found that I use several of the common ids listed in andy&#039;s table, such as #container, #header, #footer, and I used to use #maincontent, but have recently changed to #body.  My personal site doesn&#039;t yet use these convetions, since it&#039;s still very much under construction, it will do one day.

  As for the CSS Signature, I&#039;ll be changing my from #lachy to #www-lachy-id-au.  Thanks for the tip about the convetions.  However, I&#039;ve also been thinking about applying classes to the body or root element as well.  Then, different types of pages in my site could be styled differently.  For example, for my blogs, I&#039;m thinking about using:
&lt;body id=&quot;www-lachy-id-au&quot; class=&quot;blog&quot;&gt;
and for my pages on technical stuff like XHTML, CSS, etc... I&#039;ll be using something like:
&lt;body id=&quot;www-lachy-id-au&quot; class=&quot;technical&quot;&amp;*gt;

  I haven&#039;t yet thought of all the classes I&#039;m going to use, nor implemented them yet; and those two may change, but I think the concept is quite good.  What do you think?</description>
		<content:encoded><![CDATA[<p>Hi,<br />
  I found that I use several of the common ids listed in andy&#8217;s table, such as #container, #header, #footer, and I used to use #maincontent, but have recently changed to #body.  My personal site doesn&#8217;t yet use these convetions, since it&#8217;s still very much under construction, it will do one day.</p>
<p>  As for the CSS Signature, I&#8217;ll be changing my from #lachy to #www-lachy-id-au.  Thanks for the tip about the convetions.  However, I&#8217;ve also been thinking about applying classes to the body or root element as well.  Then, different types of pages in my site could be styled differently.  For example, for my blogs, I&#8217;m thinking about using:<br />
&lt;body id=&#8221;www-lachy-id-au&#8221; class=&#8221;blog&#8221;&gt;<br />
and for my pages on technical stuff like XHTML, CSS, etc&#8230; I&#8217;ll be using something like:<br />
&lt;body id=&#8221;www-lachy-id-au&#8221; class=&#8221;technical&#8221;&*gt;</p>
<p>  I haven&#8217;t yet thought of all the classes I&#8217;m going to use, nor implemented them yet; and those two may change, but I think the concept is quite good.  What do you think?</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: no2.org.uk</title>
		<link>http://meyerweb.com/eric/thoughts/2004/06/18/elemental-nomenclature/#comment-234</link>
		<dc:creator>no2.org.uk</dc:creator>
		<pubDate>Mon, 21 Jun 2004 11:32:30 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2004/06/18/elemental-nomenclature/#comment-234</guid>
		<description>&lt;strong&gt;CSS signature&lt;/strong&gt;
Like the whore I am, I&quot;ve decided to obey my herd instinct and emulate Eric&quot;s CSS signature.</description>
		<content:encoded><![CDATA[<p><strong>CSS signature</strong><br />
Like the whore I am, I&#8221;ve decided to obey my herd instinct and emulate Eric&#8221;s CSS signature.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Malarkey</title>
		<link>http://meyerweb.com/eric/thoughts/2004/06/18/elemental-nomenclature/#comment-233</link>
		<dc:creator>Malarkey</dc:creator>
		<pubDate>Mon, 21 Jun 2004 06:55:51 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2004/06/18/elemental-nomenclature/#comment-233</guid>
		<description>Eric, I think that it should be noted that I am *not* proposing a standard style-sheet or document structure, just that if a designer includes a certain element on a page, to call it a specific name. How this can be perceived as &#039;creativity stifling&#039; is beyond me.

You have prompted me to rethink my logic and add a new column at http://www.stuffandnonsense.co.uk/archives/whats_in_a_name_pt2.html</description>
		<content:encoded><![CDATA[<p>Eric, I think that it should be noted that I am *not* proposing a standard style-sheet or document structure, just that if a designer includes a certain element on a page, to call it a specific name. How this can be perceived as &#8216;creativity stifling&#8217; is beyond me.</p>
<p>You have prompted me to rethink my logic and add a new column at <a href="http://www.stuffandnonsense.co.uk/archives/whats_in_a_name_pt2.html" rel="nofollow">http://www.stuffandnonsense.co.uk/archives/whats_in_a_name_pt2.html</a></p>
]]></content:encoded>
	</item>
	<item>
		<title>By: just to let you know</title>
		<link>http://meyerweb.com/eric/thoughts/2004/06/18/elemental-nomenclature/#comment-232</link>
		<dc:creator>just to let you know</dc:creator>
		<pubDate>Mon, 21 Jun 2004 00:31:19 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2004/06/18/elemental-nomenclature/#comment-232</guid>
		<description>&lt;strong&gt;CSS naming conventions&lt;/strong&gt;
Funny that articles on Meyerweb and StuffAndNonsense around CSS naming conventions are making a round at the moment, as I reallised the other day that I seemed to have developed my own weird naming standards (or at least that&#039;s what...</description>
		<content:encoded><![CDATA[<p><strong>CSS naming conventions</strong><br />
Funny that articles on Meyerweb and StuffAndNonsense around CSS naming conventions are making a round at the moment, as I reallised the other day that I seemed to have developed my own weird naming standards (or at least that&#8217;s what&#8230;</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: heath</title>
		<link>http://meyerweb.com/eric/thoughts/2004/06/18/elemental-nomenclature/#comment-231</link>
		<dc:creator>heath</dc:creator>
		<pubDate>Sun, 20 Jun 2004 08:28:58 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2004/06/18/elemental-nomenclature/#comment-231</guid>
		<description>As I have commented elsewhere, I think a lot of the software design&#039;s &#039;best practices&#039; are lost because most web designers are not trained in software design. Granted that html is not a programming language, but as designers often need to know js, php, etc. those techniques could help immensely. But as html is separated from css the more that both can develop.

The more that html mark-up is standardized, the more coding can be separated from designing. Designers should be left to really focus on the look of things and programmers should be left to code. This would also help to keep html semantically clean and force css spec&#039;s to continue to evolve. I think the more html and css hold hands the more they hold each other back. It&#039;s always hard, but the couple needs to divorce for both to really grow.

I&#039;ve written more on this subject because I am reading a great book on coding (Eric really should join the Amazon associates program so I would link this one for him, the book is called &lt;a href=&quot;http://www.amazon.com/exec/obidos/ASIN/1556154844/qid=1087718812/sr=ka-1/ref=pd_ka_1/103-5519443-9336656&quot;&gt;Code Complete&lt;/a&gt; by Steve McConnell).</description>
		<content:encoded><![CDATA[<p>As I have commented elsewhere, I think a lot of the software design&#8217;s &#8216;best practices&#8217; are lost because most web designers are not trained in software design. Granted that html is not a programming language, but as designers often need to know js, php, etc. those techniques could help immensely. But as html is separated from css the more that both can develop.</p>
<p>The more that html mark-up is standardized, the more coding can be separated from designing. Designers should be left to really focus on the look of things and programmers should be left to code. This would also help to keep html semantically clean and force css spec&#8217;s to continue to evolve. I think the more html and css hold hands the more they hold each other back. It&#8217;s always hard, but the couple needs to divorce for both to really grow.</p>
<p>I&#8217;ve written more on this subject because I am reading a great book on coding (Eric really should join the Amazon associates program so I would link this one for him, the book is called <a href="http://www.amazon.com/exec/obidos/ASIN/1556154844/qid=1087718812/sr=ka-1/ref=pd_ka_1/103-5519443-9336656">Code Complete</a> by Steve McConnell).</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: CodeBitch</title>
		<link>http://meyerweb.com/eric/thoughts/2004/06/18/elemental-nomenclature/#comment-225</link>
		<dc:creator>CodeBitch</dc:creator>
		<pubDate>Sat, 19 Jun 2004 22:58:36 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2004/06/18/elemental-nomenclature/#comment-225</guid>
		<description>People should just &lt;a href=&quot;http://www.macedition.com/cb/cb_20020325.php&quot;&gt;label it for what it is&lt;/a&gt;, and yet we still see so many &lt;code&gt;div id=&quot;left&quot;&lt;/code&gt; things going on. I seem to remember saying something about this two years ago.</description>
		<content:encoded><![CDATA[<p>People should just <a href="http://www.macedition.com/cb/cb_20020325.php">label it for what it is</a>, and yet we still see so many <code>div id="left"</code> things going on. I seem to remember saying something about this two years ago.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: riccard0</title>
		<link>http://meyerweb.com/eric/thoughts/2004/06/18/elemental-nomenclature/#comment-224</link>
		<dc:creator>riccard0</dc:creator>
		<pubDate>Sat, 19 Jun 2004 18:21:17 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2004/06/18/elemental-nomenclature/#comment-224</guid>
		<description>Personally, I think that naming conventions are subject to two main issues:
1. &lt;em&gt;Internationalization&lt;/em&gt;. As a non native English speaker, I prefer to assign non english names to my &lt;code&gt;ID&lt;/code&gt;s and &lt;code&gt;CLASS&lt;/code&gt;es, so to better browse through my code.
2. &lt;em&gt;Site structure&lt;/em&gt;. There is an universal naming scheme that is capable to include all or even most of the different websites out there? Haven&#039;t we yet discussed enough about semantics to start again on a whole new level? 
In my opinion, naming serves best as a reference for the coder, otherwise, I will be able to use my &lt;code&gt;H1&lt;/code&gt; instead of my &lt;code&gt;DIV ID=&quot;Header&quot;&lt;/code&gt;!</description>
		<content:encoded><![CDATA[<p>Personally, I think that naming conventions are subject to two main issues:<br />
1. <em>Internationalization</em>. As a non native English speaker, I prefer to assign non english names to my <code>ID</code>s and <code>CLASS</code>es, so to better browse through my code.<br />
2. <em>Site structure</em>. There is an universal naming scheme that is capable to include all or even most of the different websites out there? Haven&#8217;t we yet discussed enough about semantics to start again on a whole new level?<br />
In my opinion, naming serves best as a reference for the coder, otherwise, I will be able to use my <code>H1</code> instead of my <code>DIV ID="Header"</code>!</p>
]]></content:encoded>
	</item>
</channel>
</rss>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head profile="http://gmpg.org/xfn/1">
<title>meyerweb.com</title>
<link rel="openid.server" href="http://www.myopenid.com/server">
<link rel="openid.delegate" href="http://emeyer.myopenid.com/">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><link rel="shortcut icon" href="/favicon.ico"><link rel="home" href="http://meyerweb.com/" title="Home" ><link rel="stylesheet" href="http://meyerweb.com/ui/meyerweb.css" type="text/css" media="screen, projection"><link rel="stylesheet" href="http://meyerweb.com/ui/theme.css" type="text/css" media="screen, projection" id="themeLink"><link rel="stylesheet" href="http://meyerweb.com/ui/print.css" type="text/css" media="print"><script src="http://meyerweb.com/ui/addresses.js" type="text/javascript"></script><link rel="stylesheet" href="/ui/wordpress.css" type="text/css" media="screen">
<link rel="stylesheet" href="/ui/tfe.css" type="text/css" media="screen">
<link rel="stylesheet" href="/ui/home.css" type="text/css" media="screen">
<link rel="alternate" type="application/rss+xml" title="Thoughts From Eric" href="/eric/thoughts/rss2/full" />
<link rel="alternate" type="application/rss+xml" title="Thoughts From Eric (only technical posts)" href="/eric/thoughts/category/tech/rss2/full" />
<link rel="alternate" type="application/rss+xml" title="Thoughts From Eric (only personal posts)" href="/eric/thoughts/category/personal/rss2/full" />
<link rel="alternate" type="application/rss+xml" title="Distractions" href="/eric/thoughts/recent-links/rss2" />
<link rel="alternate" type="application/rss+xml" title="Excuse of the Day" href="/feeds/excuse/rss20.xml" />
</head>
<body id="www-meyerweb-com" class="hpg">

<div id="sitemast"><h1><a href="/"><span>meyerweb</span>.com</a></h1></div><div id="search"><h4>Exploration</h4><!-- SiteSearch Google --><form method="get" action="http://www.google.com/custom" target="_top"><div><input type="hidden" name="domains" value="meyerweb.com"></input><label for="sbb" style="display: none">Submit search form</label><input type="submit" name="sa" value="Google Search" id="sbb"></input><label for="sbi" style="display: none">Enter your search terms</label><input type="text" name="q" size="31" maxlength="255" value="" id="sbi"></input><p><input type="radio" name="sitesearch" value="meyerweb.com" checked id="ss1"></input><label for="ss1" title="Search meyerweb.com">meyerweb.com</label><input type="radio" name="sitesearch" value="" id="ss0"></input><label for="ss0" title="Search the Web">Web</label></p><input type="hidden" name="client" value="pub-3772084027748653"></input><input type="hidden" name="forid" value="1"></input><input type="hidden" name="ie" value="ISO-8859-1"></input><input type="hidden" name="oe" value="ISO-8859-1"></input><input type="hidden" name="safe" value="active"></input><input type="hidden" name="cof" value="GALT:#008000;GL:1;DIV:#336699;VLC:663399;AH:center;BGC:FFFFFF;LBGC:336699;ALC:0000FF;LC:0000FF;T:000000;GFNT:0000FF;GIMP:0000FF;FORID:1"></input><input type="hidden" name="hl" value="en"></input></div></form><!-- SiteSearch Google --><!-- <form method="get" action="http://www.google.com/custom"><div><input type="submit" name="sa" value="Search"><input type="text" name="q" size="20" maxlength="255" value=""><input type="hidden" name="sitesearch" value="meyerweb.com"></div></form><small><a href="http://www.google.com/search">Powered by Google</a></small> --></div><div id="main"><div class="skipper">Skip to: <a href="#extra">site navigation/presentation</a></div><div class="skipper">Skip to: <a href="#thoughts">Thoughts From Eric</a></div>
<div id="thoughts">


<div class="entry">
<h3><a href="http://meyerweb.com/eric/thoughts/2004/06/18/elemental-nomenclature/" rel="bookmark" title="Permanent Link: Elemental Nomenclature">Elemental Nomenclature</a></h3>
<ul class="meta">
<li class="date">Fri 18 Jun 2004</li>
<li class="time">2321</li>
<li class="cat"><a href="http://meyerweb.com/eric/thoughts/category/tech/css/" title="View all posts in CSS" rel="category tag">CSS</a></li>
<li class="cmt"><a href="http://meyerweb.com/eric/thoughts/2004/06/18/elemental-nomenclature/#comments">21 responses</a></li>
<li></li><li></li></ul>

<div class="text">
<p>
A while back (so I&#8217;m slow), Andy Clark <a href="http://www.stuffandnonsense.co.uk/archives/naming_conventions_table.html" title="Naming conventions table">did a bit of digging</a> and compiled a list of <a href="http://www.stuffandnonsense.co.uk/archives/whats_in_a_name.html" title="What's In A Name">the most common ID names</a> used to label pieces of layouts.  I&#8217;m out of step on every count except for the footer.  Does that mean I march to a different drummer?  Probably, given my musical tendencies.
</p>
<p>
Andy&#8217;s work interested me quite a bit, not least because he actually sifted through the markup of forty sites (this one among them) to compile his list.  I was also happy to see someone taking a practical approach to the question of naming conventions.  From time to time people ask me about CSS best practices.  While Andy&#8217;s conclusions aren&#8217;t necessarily the final word on naming best practices, they are a useful starting point for such inquisitors.  Some complained that by listing the &#8216;best&#8217; (read: most common) names, Andy is stifling creativity, which strikes me as being faintly absurd.  Does the existence of blueprints for ranch houses stifle architectural creativity?  I mean, yeah, <a href="http://weatherhead.case.edu/wsom/virtualtour/aroundTheBuilding.htm">maybe sometimes they <em>should</em></a>, but in general I think the world is safe for Dutch Colonials and skyscrapers.
</p>
<p>
There&#8217;s certainly room for more detailed and extensive work on the subject of naming conventions, as well as other best practices (apparently people are souring on that term, but until I hear something better I&#8217;ll stick with it).  I just hope that more people do work like Andy&#8217;s, looking at what&#8217;s been done as opposed to endlessly theorizing.
</p>
<p>
Andy also mused:
</p>
<blockquote>
Is it right to stick to &#8216;content&#8217; and &#8216;main-nav&#8217; for the sake of our users&#8217; control or is that just too boring? And do we want to make it easy for others to change our precious designs on a whim?
</blockquote>
<p>
<em>I&#8217;m</em> all for it; giving users the ability to restyle this site on a whim is what led me to propose <a href="http://archivist.incutio.com/viewlist/css-discuss/13291">CSS signatures</a>, and employ one on this site.  Does my site design not serve your needs, or bore you?  Create something better suited to your tastes!  I promise I won&#8217;t mind; in fact, I&#8217;d like to see what you devise.  If a set of ID naming conventions does firm up, I&#8217;ll likely adopt it here so visitors can restyle my site consistently with others that use the same nomenclature.  This is, it seems to me, the least I can do.
</p>
</div>

</div>

</div>
<p style="font-size: 90%; text-align: right; margin-top: 0.5em; padding-top: 0;">(If you care, there's even an <a href="/eric/thoughts/page/2/">archive of previous thoughts</a>...)</p>

</div><div id="extra"><div class="panel" id="archipelago"><h4>Identity Archipelago</h4><ul><li><a href="http://flickr.com/photos/meyerweb/" rel="me">Flickr</a></li><li><a href="http://twitter.com/meyerweb/" rel="me">Twitter</a></li><li><a href="http://dopplr.com/traveller/meyerweb">Dopplr</a></li><li><a href="http://www.linkedin.com/in/meyerweb" rel="me">LinkedIn</a></li><li><a href="http://technorati.com/profile/emeyer" rel="me">Technorati</a></li></ul></div><div class="panel" id="pointers"><h4>Projects Elsewhere</h4><ul><li><a href="http://aneventapart.com/">An Event Apart</a></li><li><a href="http://complexspiral.com/">Complex Spiral Consulting</a></li><li><a href="http://www.webassist.com/go/css/emeyer/">CSS Sculptor</a></li><li><a href="http://css-discuss.org/">css-discuss</a></li><li><a href="http://microformats.org/">Microformats</a></li><li><a href="http://s5project.org/">S5</a></li></ul></div><div class="panel" id="tour"><ul><li><a href="http://fray.com/issue3/"><img src="http://fray.com/images/i3c.gif" alt="Fray Contributor (Issue 3: Sex &amp; Death)" /></a></li><!-- <li><a href="http://www.webassist.com/go/css/emeyer/"><img src="/pix/CS_ad_180x109.jpg" alt="CSS Sculptor for Dreamweaver" style="max-width: 100%;" /></a></li> --></ul></div><div class="panel">
<h4>Recently Tweeted</h4>
<p class="more"><a href="http://twitter.com/meyerweb">see more</a></p>
<p>Coffee shop hacking—using a stir-stick to spread cream cheese on my bagel. <small>&#8211;tweeted 6 hours, 24 minutes ago</small></p>
</div><div id="sideblog" class="panel">
<h4>Distractions</h4>
<p class="more">
<a href="/eric/thoughts/recent-links/">archive</a>
</p>
<ul>
<li><a href="http://tweetagewasteland.com/2010/03/my-head-is-in-the-cloud/" title="March 18 | &#8220;I sense that my addiction to the realtime stream is only making room for the consumption of a faster stream.&#8221;">My Head is in the Cloud</a> <small>[via <a href="http://daringfireball.net/">John</a>]</small></li>
<li><a href="http://8bitnyc.com/" title="March 17 | All of a sudden I want to establish a mission in Central Park and negotiate with the natives for gold and food.">8-Bit NYC</a></li>
<li><a href="http://www.youtube.com/watch?v=nFicqklGuB0&amp;feature=player_embedded" title="March 12 | Wry comment expressing my appreciation of the creative derivativeness of this video and its uncanny accuracy in mocking common tropes.">Academy Award Winning Movie Trailer</a></li>
<li><a href="http://www.youtube.com/watch?v=414TmP12WAU" title="March 9 | &#8220;Apple juice&#8230; for half price!&#8221;  More like twice PRICELESS.  (Note: If you&#8217;re at work, don your headphones.)">Happy in Paraguay</a> <small>[via <a href="http://unstoppablerobotninja.com/">Ethan</a>]</small></li>
<li><a href="http://www.youtube.com/watch?v=9V5ubAOeOBk&amp;feature=player_embedded" title="February 10 | This is approximately the best thing ever.">U900 -Walk Don&#8217;t Run (Isogabamaware)</a></li>
<li><a href="http://www.456bereastreet.com/archive/201002/sifr_default_css_hides_content_from_at_least_one_screen_reader/?utm_source=feedburner&amp;utm_medium=feed&amp;utm_campaign=Feed%3A 456bereastreet %28456 Berea Street%29" title="February 8 | -9999px comes through again, but I really wish we were beyond that kind of thing.">sIFR default CSS hides content from at least one screen reader</a></li>
<li><a href="http://www.macosxhints.com/article.php?story=20100117064356428" title="February 8 | Storing this for future use.">Take a picture with the iSight camera when a folder is opened</a></li>
<li><a href="http://mingle2.com/blog/view/web-developer-mind" title="February 4 | Mostly valid.  (SEE WHAT I DID THERE?)">The Mind of a Web Developer: An Illustrated Diagram</a></li>
<li><a href="http://www.theonion.com/content/news/science_channel_refuses_to_dumb" title="January 28 | &#8220;Punkin Chunkin, for Christ&#8217;s sake&#8230; What more do you people want?&#8221;">Science Channel Refuses To Dumb Down Science Any Further</a></li>
<li><a href="http://www.mailchimp.com/blog/project-omnivore-declassified/" title="January 27 | Sounds like quite a feat.  But I wonder how we&#8217;d feel if Microsoft or Google announced the same kind of thing on their e-mail services.">MailChimp&#8217;s Project Omnivore: Declassified</a></li>
<li><a href="http://www.politifact.com/truth-o-meter/statements/2010/jan/25/carolyn-maloney/congresswoman-says-democratic-presidents-create-mo/" title="January 26 | &#8220;Obviously, luck matters a lot, but when there is a consistent pattern over more than 60 years, it starts to look like more than just luck.&#8221;">Congresswoman says Democratic presidents create more private-sector jobs</a></li>
<li><a href="http://www.ted.com/talks/taylor_mali_what_teachers_make.html" title="January 25 | Truth.">Taylor Mali: What teachers make</a></li>
<li><a href="http://notebook.johnmartz.com/how-websites-work?c=1" title="January 22 | At last, the truth is out and I can stop pretending:  beatific monkeys are what makes it all go.">How websites work</a></li>
</ul>
</div>
<div class="panel" id="advisory">
<div class="guarded">
<a href="http://blogadvisorysystem.com/"><img src="/pix/bas/guarded.png" alt="Blog Advisory System Alert Level: Guarded"></a>
</div>
</div>

<div class="panel" id="excuse">
<h4>The <a href="/feeds/excuse/">excuse of the day</a> is</h4>
<p>neutrino interactions</p>
</div>

<div class="panel" id="extras">
<h4>Extras</h4>
<ul>
<li><a href="/feeds/">Feeds</a> &#8226;</li>
<li><a href="/eric/faq.html">FAQ</a> &#8226;</li>
<li><a href="/family.html">Family</a></li>
</ul>
</div>

</div>

<div id="navigate">
<h4>Navigation</h4>
<ul id="navlinks">
<li id="archLink"><a href="/eric/thoughts/">Archives</a></li>
<li id="cssLink"><a href="/eric/css/">CSS</a></li>
<li id="toolsLink"><a href="/eric/tools/">Toolbox</a></li>
<li id="writeLink"><a href="/eric/writing.html">Writing</a></li>
<li id="speakLink"><a href="/eric/talks/">Speaking</a></li>
<li id="otherLink"><a href="/other/">Leftovers</a></li>
<li id="aboutsite"><a href="/ui/about.html">About this site</a></li>
</ul>
</div>

<div id="footer">
<p class="sosumi">All contents of this site, unless otherwise noted, are &copy;1995-2008 <strong>Eric A. and Kathryn S. Meyer</strong>.  All Rights Reserved.</p>
<p>"<a href="/eric/thoughts/">Thoughts From Eric</a>" is powered by the &uuml;bercool <a href="http://wordpress.org/">WordPress</a></p>
</div>
</body>
</html>
