<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	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/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>HTML5 Gallery &#187; Agency</title>
	<atom:link href="http://html5gallery.com/category/agency/feed/" rel="self" type="application/rss+xml" />
	<link>http://html5gallery.com</link>
	<description>A showcase of sites using HTML5 markup</description>
	<lastBuildDate>Thu, 09 Sep 2010 13:00:39 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Hecht MediaArts</title>
		<link>http://html5gallery.com/2010/09/hecht-mediaarts/</link>
		<comments>http://html5gallery.com/2010/09/hecht-mediaarts/#comments</comments>
		<pubDate>Wed, 08 Sep 2010 17:00:28 +0000</pubDate>
		<dc:creator>Derek Johnson</dc:creator>
				<category><![CDATA[Agency]]></category>
		<category><![CDATA[doctype]]></category>
		<category><![CDATA[elements]]></category>
		<category><![CDATA[wai-aria]]></category>

		<guid isPermaLink="false">http://html5gallery.com/?p=4981</guid>
		<description><![CDATA[Website of German web agency Hecht MediaArts. The logo on the home page is in a div, but there is a header/hgroup combo containing the same information that is hidden using text-indent. It would be better to combine the two using image replacement or alt attributes to maintain the document outline. small could also have [...]]]></description>
			<content:encoded><![CDATA[<p>Website of German web agency Hecht MediaArts.</p>
<p>The logo on the home page is in a <code>div</code>, but there is a <code>header</code>/<code>hgroup</code> combo containing the same information that is hidden using <code>text-indent</code>. It would be better to combine the two using image replacement or <code>alt</code> attributes to maintain the document outline. <code>small</code> could also have been used in the <code>footer</code>, and the <code>type</code> attributes in <code>script</code> and stylesheet <code>link</code> elements are unnecessary.</p>
<p>
	<img src="http://html5gallery.com/wp-content/uploads/2010/09/hecht-thumb.jpg" alt="Website Screenshot" />
	</p> <p>URL: <a href="http://www.hechtmediaarts.de/">http://www.hechtmediaarts.de/</a> </p>]]></content:encoded>
			<wfw:commentRss>http://html5gallery.com/2010/09/hecht-mediaarts/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Snapsize</title>
		<link>http://html5gallery.com/2010/09/snapsize/</link>
		<comments>http://html5gallery.com/2010/09/snapsize/#comments</comments>
		<pubDate>Sun, 05 Sep 2010 13:00:13 +0000</pubDate>
		<dc:creator>Derek Johnson</dc:creator>
				<category><![CDATA[Agency]]></category>
		<category><![CDATA[Brochure]]></category>
		<category><![CDATA[doctype]]></category>
		<category><![CDATA[elements]]></category>

		<guid isPermaLink="false">http://html5gallery.com/?p=4921</guid>
		<description><![CDATA[The website of Canadian graphic and web design agency Studio Snapsize. The main content area of the home page is wrapped in a section element, but this is really a job for div. The articles on the home page could use a footer each to replace the div class="meta", as it contains information about the [...]]]></description>
			<content:encoded><![CDATA[<p>The website of Canadian graphic and web design agency Studio Snapsize.</p>
<p>The main content area of the home page is wrapped in a <code>section</code> element, but this is really <a href="http://html5doctor.com/you-can-still-use-div/">a job for <code>div</code></a>. The <code>article</code>s on the home page could use a <code>footer</code> each to replace the <code>div class="meta"</code>, as it contains information about the <code>article</code>.</p>
<p>
	<img src="http://html5gallery.com/wp-content/uploads/2010/09/snapsize-thumb.jpg" alt="Website Screenshot" />
	</p> <p>URL: <a href="http://snapsize.com/">http://snapsize.com/</a> </p>]]></content:encoded>
			<wfw:commentRss>http://html5gallery.com/2010/09/snapsize/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Collective Idea</title>
		<link>http://html5gallery.com/2010/08/collective-idea/</link>
		<comments>http://html5gallery.com/2010/08/collective-idea/#comments</comments>
		<pubDate>Sat, 28 Aug 2010 21:00:34 +0000</pubDate>
		<dc:creator>Derek Johnson</dc:creator>
				<category><![CDATA[Agency]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Brochure]]></category>
		<category><![CDATA[canvas]]></category>
		<category><![CDATA[charset]]></category>
		<category><![CDATA[doctype]]></category>
		<category><![CDATA[elements]]></category>
		<category><![CDATA[microformats]]></category>

		<guid isPermaLink="false">http://html5gallery.com/?p=4807</guid>
		<description><![CDATA[The website and blog of Michigan-based software developers Collective Idea. hgroup could have been used to wrap the main site heading and logo to prevent the current situation where &#8220;Collective Idea Logo&#8221; is a subsection of &#8220;Collective Idea&#8221; in the document outline. section is used to wrap the introductory text, but as it has no [...]]]></description>
			<content:encoded><![CDATA[<p>The website and blog of Michigan-based software developers Collective Idea.</p>
<p><code>hgroup</code> could have been used to wrap the main site heading and logo to prevent the current situation where &#8220;Collective Idea Logo&#8221; is a subsection of &#8220;Collective Idea&#8221; in the document outline. <code>section</code> is used to wrap the introductory text, but as it has no heading it would be fine to use a <code>div</code> and leave the content as part of the top level of the document. <code>article</code> would also work well for the blog post excerpts.</p>
<p>
	<img src="http://html5gallery.com/wp-content/uploads/2010/08/collective-thumb.jpg" alt="Website Screenshot" />
	</p> <p>URL: <a href="http://collectiveidea.com/">http://collectiveidea.com/</a> </p>]]></content:encoded>
			<wfw:commentRss>http://html5gallery.com/2010/08/collective-idea/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Pixel Bender Creative</title>
		<link>http://html5gallery.com/2010/08/pixel-bender-creative/</link>
		<comments>http://html5gallery.com/2010/08/pixel-bender-creative/#comments</comments>
		<pubDate>Thu, 26 Aug 2010 17:00:30 +0000</pubDate>
		<dc:creator>Derek Johnson</dc:creator>
				<category><![CDATA[Agency]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Brochure]]></category>
		<category><![CDATA[doctype]]></category>
		<category><![CDATA[elements]]></category>

		<guid isPermaLink="false">http://html5gallery.com/?p=4770</guid>
		<description><![CDATA[The website of British Columbia agency Pixel Bender. The title of the home page in the document outline is &#8220;Some Of Our Recent Work&#8221; because that is the highest level heading outside sectioning content. An easy fix is to wrap the logo in an h1 and the document title will then take the value of [...]]]></description>
			<content:encoded><![CDATA[<p>The website of British Columbia agency Pixel Bender.</p>
<p>The title of the home page in the document outline is &#8220;Some Of Our Recent Work&#8221; because that is the highest level heading outside sectioning content. An easy fix is to wrap the logo in an <code>h1</code> and the document title will then take the value of the logo <code>alt</code> attribute. &#8220;Some Of Our Recent Work&#8221; could then either be changed to an <code>h2</code>, or more preferably dropped into a <code>section</code>.</p>
<p>
	<img src="http://html5gallery.com/wp-content/uploads/2010/08/pixelbender-thumb.jpg" alt="Website Screenshot" />
	</p> <p>URL: <a href="http://www.pixelbender.ca/">http://www.pixelbender.ca/</a> </p>]]></content:encoded>
			<wfw:commentRss>http://html5gallery.com/2010/08/pixel-bender-creative/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Exlab</title>
		<link>http://html5gallery.com/2010/08/exlab/</link>
		<comments>http://html5gallery.com/2010/08/exlab/#comments</comments>
		<pubDate>Tue, 24 Aug 2010 13:00:52 +0000</pubDate>
		<dc:creator>Derek Johnson</dc:creator>
				<category><![CDATA[Agency]]></category>
		<category><![CDATA[Brochure]]></category>
		<category><![CDATA[forms]]></category>

		<guid isPermaLink="false">http://html5gallery.com/?p=4726</guid>
		<description><![CDATA[A Russian language brochure site for a web design agency. It&#8217;s good to see input type="search" used with a placeholder in the site search form. The main content area of the homepage would work well as sections with heading tags used in place of strong nested in p for each title. The menu element is [...]]]></description>
			<content:encoded><![CDATA[<p>A Russian language brochure site for a web design agency.</p>
<p>It&#8217;s good to see input <code>type="search"</code> used with a <code>placeholder</code> in the site search form. The main content area of the homepage would work well as <code>section</code>s with heading tags used in place of <code>strong</code> nested in <code>p</code> for each title. The <code>menu</code> element is used for the top navigation, but <a href="http://html5doctor.com/nav-element/"><code>nav</code> would be a better choice</a> as <code>menu</code> is interactive content and is used in web apps (although <code>nav</code> is used for the same group of links at the bottom of the page).</p>
<p>
	<img src="http://html5gallery.com/wp-content/uploads/2010/08/exlab-thumb.jpg" alt="Website Screenshot" />
	</p> <p>URL: <a href="http://www.exlab.net/">http://www.exlab.net/</a> </p>]]></content:encoded>
			<wfw:commentRss>http://html5gallery.com/2010/08/exlab/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Azzcat Design</title>
		<link>http://html5gallery.com/2010/08/azzcat-design/</link>
		<comments>http://html5gallery.com/2010/08/azzcat-design/#comments</comments>
		<pubDate>Sun, 22 Aug 2010 17:00:24 +0000</pubDate>
		<dc:creator>Derek Johnson</dc:creator>
				<category><![CDATA[Agency]]></category>
		<category><![CDATA[Brochure]]></category>
		<category><![CDATA[charset]]></category>
		<category><![CDATA[doctype]]></category>
		<category><![CDATA[elements]]></category>

		<guid isPermaLink="false">http://html5gallery.com/?p=4694</guid>
		<description><![CDATA[The website of a small design studio in Oregon. The site has quite a few untitled articles and sections, and in one or two places heading tags are used for presentational purposes rather than to indicate a level of hierarchy in the document structure. section and article are used to wrap content and as hooks [...]]]></description>
			<content:encoded><![CDATA[<p>The website of a small design studio in Oregon.</p>
<p>The site has quite a few untitled <code>article</code>s and <code>section</code>s, and in one or two places heading tags are used for presentational purposes rather than to indicate a level of hierarchy in the document structure. <code>section</code> and <code>article</code> are used to wrap content and as hooks for <abbr>CSS</abbr> positioning, but <a href="http://html5doctor.com/you-can-still-use-div/"><code>div</code> should have been used</a> instead for this.</p>
<p>
	<img src="http://html5gallery.com/wp-content/uploads/2010/08/azzcat-thumb.jpg" alt="Website Screenshot" />
	</p> <p>URL: <a href="http://azzcatdesign.com/">http://azzcatdesign.com/</a> </p>]]></content:encoded>
			<wfw:commentRss>http://html5gallery.com/2010/08/azzcat-design/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Sitely Solutions</title>
		<link>http://html5gallery.com/2010/08/sitely-solutions/</link>
		<comments>http://html5gallery.com/2010/08/sitely-solutions/#comments</comments>
		<pubDate>Tue, 17 Aug 2010 13:00:22 +0000</pubDate>
		<dc:creator>Derek Johnson</dc:creator>
				<category><![CDATA[Agency]]></category>
		<category><![CDATA[Brochure]]></category>
		<category><![CDATA[charset]]></category>
		<category><![CDATA[doctype]]></category>
		<category><![CDATA[elements]]></category>

		<guid isPermaLink="false">http://html5gallery.com/?p=4588</guid>
		<description><![CDATA[A brochure site for a web agency in New England. When viewing the document outline the homepage has no title. This could be fixed easily by dropping the logo into an h1, and the value of the alt attribute would become the document heading. The new input type="email" could also have been used in the [...]]]></description>
			<content:encoded><![CDATA[<p>A brochure site for a web agency in New England.</p>
<p>When viewing the document outline the homepage has no title. This could be fixed easily by dropping the logo into an <code>h1</code>, and the value of the <code>alt</code> attribute would become the document heading. The new <code>input type="email"</code> could also have been used in the contact form.</p>
<p>
	<img src="http://html5gallery.com/wp-content/uploads/2010/08/sitely-thumb.jpg" alt="Website Screenshot" />
	</p> <p>URL: <a href="http://sitelysolutions.com/">http://sitelysolutions.com/</a> </p>]]></content:encoded>
			<wfw:commentRss>http://html5gallery.com/2010/08/sitely-solutions/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>SEO Strength</title>
		<link>http://html5gallery.com/2010/08/seo-strength/</link>
		<comments>http://html5gallery.com/2010/08/seo-strength/#comments</comments>
		<pubDate>Thu, 12 Aug 2010 17:00:59 +0000</pubDate>
		<dc:creator>Derek Johnson</dc:creator>
				<category><![CDATA[Agency]]></category>
		<category><![CDATA[Brochure]]></category>
		<category><![CDATA[charset]]></category>
		<category><![CDATA[doctype]]></category>
		<category><![CDATA[elements]]></category>

		<guid isPermaLink="false">http://html5gallery.com/?p=4541</guid>
		<description><![CDATA[A Japanese SEO agency&#8217;s website. This site makes good use of section, article and hgroup to produce a well structured document, and also correctly uses small in the footer to wrap the copyright notice. The type attributes could have been left out of the script and stylesheet link elements though. URL: http://seo.strength.jp/]]></description>
			<content:encoded><![CDATA[<p>A Japanese SEO agency&#8217;s website.</p>
<p>This site makes good use of <code>section</code>, <code>article</code> and <code>hgroup</code> to produce a well structured document, and also correctly uses <code>small</code> in the <code>footer</code> to wrap the copyright notice. The <code>type</code> attributes could have been left out of the <code>script</code> and stylesheet <code>link</code> elements though.</p>
<p>
	<img src="http://html5gallery.com/wp-content/uploads/2010/08/seostrength-thumb.jpg" alt="Website Screenshot" />
	</p> <p>URL: <a href="http://seo.strength.jp/">http://seo.strength.jp/</a> </p>]]></content:encoded>
			<wfw:commentRss>http://html5gallery.com/2010/08/seo-strength/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Alsacr&#233;ations</title>
		<link>http://html5gallery.com/2010/08/alsacrations/</link>
		<comments>http://html5gallery.com/2010/08/alsacrations/#comments</comments>
		<pubDate>Thu, 12 Aug 2010 13:00:13 +0000</pubDate>
		<dc:creator>Derek Johnson</dc:creator>
				<category><![CDATA[Agency]]></category>
		<category><![CDATA[Brochure]]></category>
		<category><![CDATA[block links]]></category>
		<category><![CDATA[charset]]></category>
		<category><![CDATA[doctype]]></category>
		<category><![CDATA[elements]]></category>
		<category><![CDATA[forms]]></category>
		<category><![CDATA[microformats]]></category>
		<category><![CDATA[wai-aria]]></category>

		<guid isPermaLink="false">http://html5gallery.com/?p=4533</guid>
		<description><![CDATA[The website of a creative agency based in Strasbourg. figure and figcaption are used to mark up the main navigation on the site. As they are not referred to from the main content this is not the best way to create the navigation. There is also an untitled section wrapping the slideshow and nav. Nested [...]]]></description>
			<content:encoded><![CDATA[<p>The website of a creative agency based in Strasbourg.</p>
<p><a href="http://html5doctor.com/the-figure-figcaption-elements/"><code>figure</code> and <code>figcaption</code></a> are used to mark up the main navigation on the site. As they are not referred to from the main content this is not the best way to create the navigation. There is also an untitled <code>section</code> wrapping the slideshow and <code>nav</code>. Nested <code>aside</code>s are used in some <code>section</code>s which is a nice touch.</p>
<p>
	<img src="http://html5gallery.com/wp-content/uploads/2010/08/alsa-thumb.jpg" alt="Website Screenshot" />
	</p> <p>URL: <a href="http://www.alsacreations.fr/">http://www.alsacreations.fr/</a> </p>]]></content:encoded>
			<wfw:commentRss>http://html5gallery.com/2010/08/alsacrations/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Superfluent</title>
		<link>http://html5gallery.com/2010/08/superfluent/</link>
		<comments>http://html5gallery.com/2010/08/superfluent/#comments</comments>
		<pubDate>Tue, 03 Aug 2010 21:00:43 +0000</pubDate>
		<dc:creator>Derek Johnson</dc:creator>
				<category><![CDATA[Agency]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[doctype]]></category>
		<category><![CDATA[elements]]></category>

		<guid isPermaLink="false">http://html5gallery.com/?p=4380</guid>
		<description><![CDATA[The website of Denver creative agency Superfluent. The site makes use of one or two new HTML5 elements, but misses a lot of opportunities to use more. For example the &#8216;Latest Work&#8217; and &#8216;What We Believe&#8217; portions of the homepage could be sections. In the blog each post is contained in a div, and the [...]]]></description>
			<content:encoded><![CDATA[<p>The website of Denver creative agency Superfluent.</p>
<p>The site makes use of one or two new <abbr>HTML5</abbr> elements, but misses a lot of opportunities to use more. For example the &#8216;Latest Work&#8217; and &#8216;What We Believe&#8217; portions of the homepage could be <code>section</code>s. In the blog each post is contained in a <code>div</code>, and the entire list of posts is wrapped in an <code>article</code>. Wrapping <code>article</code>s in a <code>div</code> would be the way to go here.</p>
<p>
	<img src="http://html5gallery.com/wp-content/uploads/2010/08/superfluent-thumb.jpg" alt="Website Screenshot" />
	</p> <p>URL: <a href="http://www.superfluentdesign.com/">http://www.superfluentdesign.com/</a> </p>]]></content:encoded>
			<wfw:commentRss>http://html5gallery.com/2010/08/superfluent/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
