<?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: 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>
	<pubDate>Mon, 01 Dec 2008 17:58:20 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.6.5</generator>
		<item>
		<title>By: Stephen Paul Weber</title>
		<link>http://factoryjoe.com/blog/2007/02/26/a-design-pattern-for-image-and-figure-alignment/#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'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'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 - 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-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-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'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-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-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-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-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'm working on just that kind of thing... You'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-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 -&#62; "Section" and "h" 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're 'befuddling progress'.

My point is, it'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'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-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's the scenario in this case though.  Just throwing in some ideas.</description>
		<content:encoded><![CDATA[<p>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&#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-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't work because the relationship (aka "rel") of the image to the page isn't "figure-a"... The whole point is to maintain semantics as much as possible -- so we can'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>
