<?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: Defending Presentational Class Names</title>
	<atom:link href="http://tympanus.net/codrops/2013/01/22/defending-presentational-class-names/feed/" rel="self" type="application/rss+xml" />
	<link>http://tympanus.net/codrops/2013/01/22/defending-presentational-class-names/</link>
	<description>Useful resources and inspiration for creative minds</description>
	<lastBuildDate>Thu, 20 Jun 2013 04:17:59 +0000</lastBuildDate>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.5.1</generator>
	<item>
		<title>By: Brandon</title>
		<link>http://tympanus.net/codrops/2013/01/22/defending-presentational-class-names/comment-page-1/#comment-432811</link>
		<dc:creator>Brandon</dc:creator>
		<pubDate>Thu, 28 Feb 2013 16:02:39 +0000</pubDate>
		<guid isPermaLink="false">http://tympanus.net/codrops/?p=13682#comment-432811</guid>
		<description><![CDATA[I completely agree with this article. It&#039;s a guideline and not gospel.  With that said, I noticed the reference to Foundation. Foundation originally used presentation classes in v2 and v3, but have now transitioned to moving this to the CSS using Sass and Mixins in v4. While I agree with the article, if your framework allows you to remove the presentation classes from the html, it&#039;s even better!]]></description>
		<content:encoded><![CDATA[<p>I completely agree with this article. It&#8217;s a guideline and not gospel.  With that said, I noticed the reference to Foundation. Foundation originally used presentation classes in v2 and v3, but have now transitioned to moving this to the CSS using Sass and Mixins in v4. While I agree with the article, if your framework allows you to remove the presentation classes from the html, it&#8217;s even better!</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: gumbarnacles</title>
		<link>http://tympanus.net/codrops/2013/01/22/defending-presentational-class-names/comment-page-1/#comment-432765</link>
		<dc:creator>gumbarnacles</dc:creator>
		<pubDate>Wed, 27 Feb 2013 05:37:35 +0000</pubDate>
		<guid isPermaLink="false">http://tympanus.net/codrops/?p=13682#comment-432765</guid>
		<description><![CDATA[Brian, apparently Roy doesn&#039;t share the same native language as you and I (which I&#039;m sure must be frustrating when discussing such a complex subject). However, I believe he is referring to the ability that preprocessors give to developers to avoid declarative classes in markup by using mixins to style the grid from within the stylesheet (as is &lt;a href=&quot;http://foundation.zurb.com/docs/sass-mixins.php&quot; rel=&quot;nofollow&quot;&gt;clearly outlined in the documentation&lt;/a&gt; on the Foundation website. Once you&#039;ve read this documentation (I assume, for the second or third time as you were quick to point out the failing of others to do so) I&#039;m sure you&#039;ll better grasp the concept of how css preprocessors can reduce the dependence on declarative classes (if not remove the need for them entirely) and allow for more semantic markup.

Probably just a simple oversite on your part. I&#039;m sure Roy is as eager to accept your apology (the one I&#039;m sure that you are most willing to extend) as you are to tell your colleagues in the web development community about the valuable lesson you&#039;ve learned about declarative classes and the power of css preprocessors. Good Luck!]]></description>
		<content:encoded><![CDATA[<p>Brian, apparently Roy doesn&#8217;t share the same native language as you and I (which I&#8217;m sure must be frustrating when discussing such a complex subject). However, I believe he is referring to the ability that preprocessors give to developers to avoid declarative classes in markup by using mixins to style the grid from within the stylesheet (as is <a href="http://foundation.zurb.com/docs/sass-mixins.php" rel="nofollow">clearly outlined in the documentation</a> on the Foundation website. Once you&#8217;ve read this documentation (I assume, for the second or third time as you were quick to point out the failing of others to do so) I&#8217;m sure you&#8217;ll better grasp the concept of how css preprocessors can reduce the dependence on declarative classes (if not remove the need for them entirely) and allow for more semantic markup.</p>
<p>Probably just a simple oversite on your part. I&#8217;m sure Roy is as eager to accept your apology (the one I&#8217;m sure that you are most willing to extend) as you are to tell your colleagues in the web development community about the valuable lesson you&#8217;ve learned about declarative classes and the power of css preprocessors. Good Luck!</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Mike Donahue</title>
		<link>http://tympanus.net/codrops/2013/01/22/defending-presentational-class-names/comment-page-1/#comment-432675</link>
		<dc:creator>Mike Donahue</dc:creator>
		<pubDate>Mon, 25 Feb 2013 21:39:48 +0000</pubDate>
		<guid isPermaLink="false">http://tympanus.net/codrops/?p=13682#comment-432675</guid>
		<description><![CDATA[I guess I&#039;ve always considered semantics from the users point of view and not mine as the developer. By that I mean, I&#039;ve always considered how someone that can&#039;t view my site will hear it. Class names like .address or .name or .date (overly simplified for illustration purposes) will mean more to someone using a screen reader than .span-6 or most other presentational classes.

That said, certain presentational classes like .button may prove useful to those listening. I just haven&#039;t run into a situation yet that forced me to not use semantic class names. Full disclosure here, I haven&#039;t worked in the development of large sites with multiple developer but after read this article I can see how presentational classes can be helpful in that situation.

Now I know truly semantic classes go unnoticed by most users and that in itself could be an argument for presentational all on its own. But if we are trying to achieve universal sharing of content then isn&#039;t semantics, markup and class names, an important step in that directions. While it&#039;s true that semantic class names have no intrinsic meaning to the screen readers themselves, they certainly will to the person listening to the screen reader.

The definition of semantic is &quot;Of or relating to meaning, especially meaning in language.&quot; according to The Free Dictionary. So if semantics were meant to make developers lives easier the presentational classes would be fine. If on the other hand it was meant to improve understanding of content by the users then presentational classes leave something to be desired.

I guess my question then is, who were semantics envisioned to help? Developers or users?]]></description>
		<content:encoded><![CDATA[<p>I guess I&#8217;ve always considered semantics from the users point of view and not mine as the developer. By that I mean, I&#8217;ve always considered how someone that can&#8217;t view my site will hear it. Class names like .address or .name or .date (overly simplified for illustration purposes) will mean more to someone using a screen reader than .span-6 or most other presentational classes.</p>
<p>That said, certain presentational classes like .button may prove useful to those listening. I just haven&#8217;t run into a situation yet that forced me to not use semantic class names. Full disclosure here, I haven&#8217;t worked in the development of large sites with multiple developer but after read this article I can see how presentational classes can be helpful in that situation.</p>
<p>Now I know truly semantic classes go unnoticed by most users and that in itself could be an argument for presentational all on its own. But if we are trying to achieve universal sharing of content then isn&#8217;t semantics, markup and class names, an important step in that directions. While it&#8217;s true that semantic class names have no intrinsic meaning to the screen readers themselves, they certainly will to the person listening to the screen reader.</p>
<p>The definition of semantic is &#8220;Of or relating to meaning, especially meaning in language.&#8221; according to The Free Dictionary. So if semantics were meant to make developers lives easier the presentational classes would be fine. If on the other hand it was meant to improve understanding of content by the users then presentational classes leave something to be desired.</p>
<p>I guess my question then is, who were semantics envisioned to help? Developers or users?</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Michelle</title>
		<link>http://tympanus.net/codrops/2013/01/22/defending-presentational-class-names/comment-page-1/#comment-432658</link>
		<dc:creator>Michelle</dc:creator>
		<pubDate>Mon, 25 Feb 2013 04:08:24 +0000</pubDate>
		<guid isPermaLink="false">http://tympanus.net/codrops/?p=13682#comment-432658</guid>
		<description><![CDATA[I am just as surprised to learn that IE9 and others had a selector limit, nonetheless best practice rules are always the way to go imho....]]></description>
		<content:encoded><![CDATA[<p>I am just as surprised to learn that IE9 and others had a selector limit, nonetheless best practice rules are always the way to go imho&#8230;.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Michael</title>
		<link>http://tympanus.net/codrops/2013/01/22/defending-presentational-class-names/comment-page-1/#comment-432572</link>
		<dc:creator>Michael</dc:creator>
		<pubDate>Thu, 21 Feb 2013 11:19:27 +0000</pubDate>
		<guid isPermaLink="false">http://tympanus.net/codrops/?p=13682#comment-432572</guid>
		<description><![CDATA[By that logic, changing a header from H3 to H4 to change its style is also wrong. Which I think we all would agree is complete nonsense.

Going by what you say, if we had two headings we could end up with H2 being bigger than H1 and taking visual weight. Which of course semantically is clearly wrong. But you say styling changes can only be made using the CSS...

Sorry, but that is just nonsensical, and horribly bad practise.]]></description>
		<content:encoded><![CDATA[<p>By that logic, changing a header from H3 to H4 to change its style is also wrong. Which I think we all would agree is complete nonsense.</p>
<p>Going by what you say, if we had two headings we could end up with H2 being bigger than H1 and taking visual weight. Which of course semantically is clearly wrong. But you say styling changes can only be made using the CSS&#8230;</p>
<p>Sorry, but that is just nonsensical, and horribly bad practise.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Script Website Toko Online</title>
		<link>http://tympanus.net/codrops/2013/01/22/defending-presentational-class-names/comment-page-1/#comment-432534</link>
		<dc:creator>Script Website Toko Online</dc:creator>
		<pubDate>Tue, 19 Feb 2013 04:46:11 +0000</pubDate>
		<guid isPermaLink="false">http://tympanus.net/codrops/?p=13682#comment-432534</guid>
		<description><![CDATA[It is not that bad, but learning a preprocessor is not a bad idea at all. You should consider it instead of having a hell of classnames in the html.]]></description>
		<content:encoded><![CDATA[<p>It is not that bad, but learning a preprocessor is not a bad idea at all. You should consider it instead of having a hell of classnames in the html.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Brian</title>
		<link>http://tympanus.net/codrops/2013/01/22/defending-presentational-class-names/comment-page-1/#comment-432527</link>
		<dc:creator>Brian</dc:creator>
		<pubDate>Mon, 18 Feb 2013 21:53:07 +0000</pubDate>
		<guid isPermaLink="false">http://tympanus.net/codrops/?p=13682#comment-432527</guid>
		<description><![CDATA[Roy, you are out of your element here... do you know what col-3 even means in terms of these frontend frameworks? If you did, you would realize your argument makes no sense. This is related to a grid system, not simply a 3 column layout. Please read up on the topic before you comment and share opinions built on assumptions.]]></description>
		<content:encoded><![CDATA[<p>Roy, you are out of your element here&#8230; do you know what col-3 even means in terms of these frontend frameworks? If you did, you would realize your argument makes no sense. This is related to a grid system, not simply a 3 column layout. Please read up on the topic before you comment and share opinions built on assumptions.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: roy</title>
		<link>http://tympanus.net/codrops/2013/01/22/defending-presentational-class-names/comment-page-1/#comment-431969</link>
		<dc:creator>roy</dc:creator>
		<pubDate>Sat, 02 Feb 2013 10:47:38 +0000</pubDate>
		<guid isPermaLink="false">http://tympanus.net/codrops/?p=13682#comment-431969</guid>
		<description><![CDATA[Sorry that I disagree, but in the era of responsive designs, having class col-3 doesn&#039;t really make any sense... because because of the lack of space you style your col-3 now as a row instead of as a col...

It is not that bad, but learning a preprocessor is not a bad idea at all. You should consider it instead of having a hell of classnames in the html.]]></description>
		<content:encoded><![CDATA[<p>Sorry that I disagree, but in the era of responsive designs, having class col-3 doesn&#8217;t really make any sense&#8230; because because of the lack of space you style your col-3 now as a row instead of as a col&#8230;</p>
<p>It is not that bad, but learning a preprocessor is not a bad idea at all. You should consider it instead of having a hell of classnames in the html.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: André Hedberg</title>
		<link>http://tympanus.net/codrops/2013/01/22/defending-presentational-class-names/comment-page-1/#comment-431825</link>
		<dc:creator>André Hedberg</dc:creator>
		<pubDate>Wed, 30 Jan 2013 09:57:46 +0000</pubDate>
		<guid isPermaLink="false">http://tympanus.net/codrops/?p=13682#comment-431825</guid>
		<description><![CDATA[Excellent! Finally someone else (and apparently a few others here) who I think can think for themselves!  &lt;strong&gt;Ben Flanagan&lt;/strong&gt; said something very good: &lt;blockquote&gt;It’s easy to make up best practice rules with language like never and always… but in practice, especially on a large scale or complex design you’ll always end up making exceptions.&lt;blockquote&gt;.  You can never use &quot;best practice&quot; blindly and be certain it&#039;s the best choice every time, you always have to consider your situation. People never seem to realize that there are no silver bullets.]]></description>
		<content:encoded><![CDATA[<p>Excellent! Finally someone else (and apparently a few others here) who I think can think for themselves!  <strong>Ben Flanagan</strong> said something very good:<br />
<blockquote>It’s easy to make up best practice rules with language like never and always… but in practice, especially on a large scale or complex design you’ll always end up making exceptions.<br />
<blockquote>.  You can never use &#8220;best practice&#8221; blindly and be certain it&#8217;s the best choice every time, you always have to consider your situation. People never seem to realize that there are no silver bullets.</p></blockquote>
</blockquote>
]]></content:encoded>
	</item>
	<item>
		<title>By: ZPLove</title>
		<link>http://tympanus.net/codrops/2013/01/22/defending-presentational-class-names/comment-page-1/#comment-431629</link>
		<dc:creator>ZPLove</dc:creator>
		<pubDate>Sat, 26 Jan 2013 21:26:24 +0000</pubDate>
		<guid isPermaLink="false">http://tympanus.net/codrops/?p=13682#comment-431629</guid>
		<description><![CDATA[I thought the point of CSS was to define style and not to define my HTML.content? &quot;Semantics&quot; is the meaning, or an interpretation of the meaning, of a word, sign, sentence, etc. If I&#039;m using a grid framework I know exactly what col-3 means as defined by that framework. Now say there are 3 columns each with an article with a class &quot;newsitem&quot; for instance. I now have to find a way to define styles for 3 generic blocks with essentially the same HTML code. How do I target the one I need?

Who says you should ONLY change a CSS file? In this case if I need to change the layout what&#039;s easier, changing the class on the HTML element or coming up with new CSS in the stylesheet for each class (or worse if I&#039;m doing it &quot;semantically&quot;--having to rearrange a bunch of CSS selectors when I already have a class that defines the style I need. II&#039;m not advocating color and font classes but all semantics all the time just for semantics&#039; sake is just as ridiculous.]]></description>
		<content:encoded><![CDATA[<p>I thought the point of CSS was to define style and not to define my HTML.content? &#8220;Semantics&#8221; is the meaning, or an interpretation of the meaning, of a word, sign, sentence, etc. If I&#8217;m using a grid framework I know exactly what col-3 means as defined by that framework. Now say there are 3 columns each with an article with a class &#8220;newsitem&#8221; for instance. I now have to find a way to define styles for 3 generic blocks with essentially the same HTML code. How do I target the one I need?</p>
<p>Who says you should ONLY change a CSS file? In this case if I need to change the layout what&#8217;s easier, changing the class on the HTML element or coming up with new CSS in the stylesheet for each class (or worse if I&#8217;m doing it &#8220;semantically&#8221;&#8211;having to rearrange a bunch of CSS selectors when I already have a class that defines the style I need. II&#8217;m not advocating color and font classes but all semantics all the time just for semantics&#8217; sake is just as ridiculous.</p>
]]></content:encoded>
	</item>
</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk
Page Caching using disk: enhanced
Content Delivery Network via codropspz.tympanus.netdna-cdn.com

 Served from: tympanus.net @ 2013-06-20 08:55:31 by W3 Total Cache -->