<?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: A design pattern for image and figure alignment</title>
	<atom:link href="http://factoryjoe.com/blog/2007/02/26/a-design-pattern-for-image-and-figure-alignment/feed/" rel="self" type="application/rss+xml" />
	<link>http://factoryjoe.com/blog/2007/02/26/a-design-pattern-for-image-and-figure-alignment/</link>
	<description>This can all be made better. Ready? Begin.</description>
	<lastBuildDate>Sat, 20 Mar 2010 00:41:35 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
		<item>
		<title>By: Stephen Paul Weber</title>
		<link>http://factoryjoe.com/blog/2007/02/26/a-design-pattern-for-image-and-figure-alignment/comment-page-1/#comment-102670</link>
		<dc:creator>Stephen Paul Weber</dc:creator>
		<pubDate>Fri, 17 Oct 2008 20:40:54 +0000</pubDate>
		<guid isPermaLink="false">http://factoryjoe.com/blog/2007/02/26/a-design-pattern-for-image-and-figure-alignment/#comment-102670</guid>
		<description>The problem with including figure-left or anything of that sort is that you&#039;re *embedding presentational information still*.

The cool thing about figure-a is that my user agent has no reason to render it left or right or center, but may render it some other way depending on what *makes sense* for the first figure in an article.  It may even render it on another page (on a mobile device where real estate is important maybe).

That&#039;s what makes completely non-presentational semantics cool - the user does what makes sense instead of being stuck to what the publisher wanted.  If you *must* embed style information, use the style attribute.</description>
		<content:encoded><![CDATA[<p>The problem with including figure-left or anything of that sort is that you&#8217;re *embedding presentational information still*.</p>
<p>The cool thing about figure-a is that my user agent has no reason to render it left or right or center, but may render it some other way depending on what *makes sense* for the first figure in an article.  It may even render it on another page (on a mobile device where real estate is important maybe).</p>
<p>That&#8217;s what makes completely non-presentational semantics cool &#8211; the user does what makes sense instead of being stuck to what the publisher wanted.  If you *must* embed style information, use the style attribute.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: links for 2008-10-15 &#171;</title>
		<link>http://factoryjoe.com/blog/2007/02/26/a-design-pattern-for-image-and-figure-alignment/comment-page-1/#comment-102655</link>
		<dc:creator>links for 2008-10-15 &#171;</dc:creator>
		<pubDate>Wed, 15 Oct 2008 14:35:29 +0000</pubDate>
		<guid isPermaLink="false">http://factoryjoe.com/blog/2007/02/26/a-design-pattern-for-image-and-figure-alignment/#comment-102655</guid>
		<description>[...] A design pattern for image and figure alignment &#124; FactoryCity approach to laying out images in &#8230; blog posts (tags: wordpress microformats css theme) [...]</description>
		<content:encoded><![CDATA[<p>[...] A design pattern for image and figure alignment | FactoryCity approach to laying out images in &#8230; blog posts (tags: wordpress microformats css theme) [...]</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Chris Messina</title>
		<link>http://factoryjoe.com/blog/2007/02/26/a-design-pattern-for-image-and-figure-alignment/comment-page-1/#comment-102649</link>
		<dc:creator>Chris Messina</dc:creator>
		<pubDate>Wed, 15 Oct 2008 03:03:12 +0000</pubDate>
		<guid isPermaLink="false">http://factoryjoe.com/blog/2007/02/26/a-design-pattern-for-image-and-figure-alignment/#comment-102649</guid>
		<description>@Ben: well, then you&#039;d break the CSS convention of top, right, bottom left (TRBL).</description>
		<content:encoded><![CDATA[<p>@Ben: well, then you&#8217;d break the CSS convention of top, right, bottom left (TRBL).</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Ben Tremblay</title>
		<link>http://factoryjoe.com/blog/2007/02/26/a-design-pattern-for-image-and-figure-alignment/comment-page-1/#comment-102648</link>
		<dc:creator>Ben Tremblay</dc:creator>
		<pubDate>Wed, 15 Oct 2008 01:52:07 +0000</pubDate>
		<guid isPermaLink="false">http://factoryjoe.com/blog/2007/02/26/a-design-pattern-for-image-and-figure-alignment/#comment-102648</guid>
		<description>Schweet.

But FWIW I would have named the alignments differently, i.e.:
-a left (first), -b right (the obvious next one), which leaves -c for center (slightly mnemonic).

--bentrem</description>
		<content:encoded><![CDATA[<p>Schweet.</p>
<p>But FWIW I would have named the alignments differently, i.e.:<br />
-a left (first), -b right (the obvious next one), which leaves -c for center (slightly mnemonic).</p>
<p>&#8211;bentrem</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: ingilizce</title>
		<link>http://factoryjoe.com/blog/2007/02/26/a-design-pattern-for-image-and-figure-alignment/comment-page-1/#comment-86726</link>
		<dc:creator>ingilizce</dc:creator>
		<pubDate>Thu, 02 Aug 2007 09:42:11 +0000</pubDate>
		<guid isPermaLink="false">http://factoryjoe.com/blog/2007/02/26/a-design-pattern-for-image-and-figure-alignment/#comment-86726</guid>
		<description>They have no semantics. ‘left’ and ‘right’ at least have some meaning, even if it is presentational.</description>
		<content:encoded><![CDATA[<p>They have no semantics. ‘left’ and ‘right’ at least have some meaning, even if it is presentational.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Styling figures with CSS3 - CSS3 . Info</title>
		<link>http://factoryjoe.com/blog/2007/02/26/a-design-pattern-for-image-and-figure-alignment/comment-page-1/#comment-86431</link>
		<dc:creator>Styling figures with CSS3 - CSS3 . Info</dc:creator>
		<pubDate>Sun, 08 Jul 2007 21:02:23 +0000</pubDate>
		<guid isPermaLink="false">http://factoryjoe.com/blog/2007/02/26/a-design-pattern-for-image-and-figure-alignment/#comment-86431</guid>
		<description>[...] as suggested in Dan Cederholm&#8217;s blog post on marking up figures and Chris Messina&#8217;s post on a similar topic. I then added a class of caption on the caption, to state explicitly what the element contains.The [...]</description>
		<content:encoded><![CDATA[<p>[...] as suggested in Dan Cederholm&#8217;s blog post on marking up figures and Chris Messina&#8217;s post on a similar topic. I then added a class of caption on the caption, to state explicitly what the element contains.The [...]</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Chris Messina</title>
		<link>http://factoryjoe.com/blog/2007/02/26/a-design-pattern-for-image-and-figure-alignment/comment-page-1/#comment-86135</link>
		<dc:creator>Chris Messina</dc:creator>
		<pubDate>Wed, 06 Jun 2007 18:24:02 +0000</pubDate>
		<guid isPermaLink="false">http://factoryjoe.com/blog/2007/02/26/a-design-pattern-for-image-and-figure-alignment/#comment-86135</guid>
		<description>Ah, Luke, I&#039;m working on just that kind of thing... You&#039;ll have to stay tuned! :)</description>
		<content:encoded><![CDATA[<p>Ah, Luke, I&#8217;m working on just that kind of thing&#8230; You&#8217;ll have to stay tuned! <img src='http://factoryjoe.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Luke Dorny</title>
		<link>http://factoryjoe.com/blog/2007/02/26/a-design-pattern-for-image-and-figure-alignment/comment-page-1/#comment-86134</link>
		<dc:creator>Luke Dorny</dc:creator>
		<pubDate>Wed, 06 Jun 2007 16:10:04 +0000</pubDate>
		<guid isPermaLink="false">http://factoryjoe.com/blog/2007/02/26/a-design-pattern-for-image-and-figure-alignment/#comment-86134</guid>
		<description>Hmmm, re: the H1 -&gt; &quot;Section&quot; and &quot;h&quot; tags, there was some pretty slightly heated discussion and confusion about the future of html5 and xhtml 2 and css3 at the @media SF hot panel discussion with the panel members:
Tantek
Joe Clark
Cameron Moll
Jeremy Keith
Andy Clarke

Besides the attacks and small banter, it was especially to do with the working groups and they&#039;re &#039;befuddling progress&#039;.

My point is, it&#039;s even more frustrating coming up with semantics when the standards for markup are in a stalled state such as this.

At some point, I&#039;d like to see a revival of sites like http://bitesizestandards.com and more promotion of correct coding methods.

Thanks for bringing up this topic up again and allowing discussion (comments).</description>
		<content:encoded><![CDATA[<p>Hmmm, re: the H1 -&gt; &#8220;Section&#8221; and &#8220;h&#8221; tags, there was some pretty slightly heated discussion and confusion about the future of html5 and xhtml 2 and css3 at the @media SF hot panel discussion with the panel members:<br />
Tantek<br />
Joe Clark<br />
Cameron Moll<br />
Jeremy Keith<br />
Andy Clarke</p>
<p>Besides the attacks and small banter, it was especially to do with the working groups and they&#8217;re &#8216;befuddling progress&#8217;.</p>
<p>My point is, it&#8217;s even more frustrating coming up with semantics when the standards for markup are in a stalled state such as this.</p>
<p>At some point, I&#8217;d like to see a revival of sites like <a href="http://bitesizestandards.com" rel="nofollow">http://bitesizestandards.com</a> and more promotion of correct coding methods.</p>
<p>Thanks for bringing up this topic up again and allowing discussion (comments).</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Sean Curtis</title>
		<link>http://factoryjoe.com/blog/2007/02/26/a-design-pattern-for-image-and-figure-alignment/comment-page-1/#comment-86131</link>
		<dc:creator>Sean Curtis</dc:creator>
		<pubDate>Wed, 06 Jun 2007 04:44:59 +0000</pubDate>
		<guid isPermaLink="false">http://factoryjoe.com/blog/2007/02/26/a-design-pattern-for-image-and-figure-alignment/#comment-86131</guid>
		<description>Apologies - forgot rel is only for links.  If the image was enclosed in a link to a larger version you could then use the rel attribute.  Not sure if that&#039;s the scenario in this case though.  Just throwing in some ideas.</description>
		<content:encoded><![CDATA[<p>Apologies &#8211; forgot rel is only for links.  If the image was enclosed in a link to a larger version you could then use the rel attribute.  Not sure if that&#8217;s the scenario in this case though.  Just throwing in some ideas.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Chris Messina</title>
		<link>http://factoryjoe.com/blog/2007/02/26/a-design-pattern-for-image-and-figure-alignment/comment-page-1/#comment-86130</link>
		<dc:creator>Chris Messina</dc:creator>
		<pubDate>Wed, 06 Jun 2007 00:20:50 +0000</pubDate>
		<guid isPermaLink="false">http://factoryjoe.com/blog/2007/02/26/a-design-pattern-for-image-and-figure-alignment/#comment-86130</guid>
		<description>@Sean: yeah, that won&#039;t work because the relationship (aka &quot;rel&quot;) of the image to the page isn&#039;t &quot;figure-a&quot;... The whole point is to maintain semantics as much as possible -- so we can&#039;t pollute other attributes in the process. ;)</description>
		<content:encoded><![CDATA[<p>@Sean: yeah, that won&#8217;t work because the relationship (aka &#8220;rel&#8221;) of the image to the page isn&#8217;t &#8220;figure-a&#8221;&#8230; The whole point is to maintain semantics as much as possible &#8212; so we can&#8217;t pollute other attributes in the process. <img src='http://factoryjoe.com/blog/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
]]></content:encoded>
	</item>
</channel>
</rss>
