<?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; Brochure</title>
	<atom:link href="http://html5gallery.com/category/brochure/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>Saltele Lucs</title>
		<link>http://html5gallery.com/2010/09/saltele-lucs/</link>
		<comments>http://html5gallery.com/2010/09/saltele-lucs/#comments</comments>
		<pubDate>Wed, 08 Sep 2010 21:00:30 +0000</pubDate>
		<dc:creator>Derek Johnson</dc:creator>
				<category><![CDATA[Brochure]]></category>
		<category><![CDATA[doctype]]></category>
		<category><![CDATA[elements]]></category>

		<guid isPermaLink="false">http://html5gallery.com/?p=4987</guid>
		<description><![CDATA[A brochure site for a Romanian mattress company. section is used in place of div in a number of places, which is not its intended use. The main navigation on the left could be dropped into a nav element, with nested sections for the different categories. The meta charset declaration is unnecessarily long, as are [...]]]></description>
			<content:encoded><![CDATA[<p>A brochure site for a Romanian mattress company.</p>
<p><code>section</code> is used in place of <code>div</code> in a number of places, which is not its intended use. The main navigation on the left could be dropped into a <code>nav</code> element, with nested <code>section</code>s for the different categories. The <code>meta charset</code> declaration is unnecessarily long, as are the <code>script</code> and stylesheet <code>link</code> elements as they have retained the <code>type</code> attribute.</p>
<p>
	<img src="http://html5gallery.com/wp-content/uploads/2010/09/saltele-thumb.jpg" alt="Website Screenshot" />
	</p> <p>URL: <a href="http://www.saltele-lucs.ro/">http://www.saltele-lucs.ro/</a> </p>]]></content:encoded>
			<wfw:commentRss>http://html5gallery.com/2010/09/saltele-lucs/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Gaga Debki</title>
		<link>http://html5gallery.com/2010/09/gaga-debki/</link>
		<comments>http://html5gallery.com/2010/09/gaga-debki/#comments</comments>
		<pubDate>Tue, 07 Sep 2010 13:00:48 +0000</pubDate>
		<dc:creator>Derek Johnson</dc:creator>
				<category><![CDATA[Brochure]]></category>
		<category><![CDATA[audio]]></category>
		<category><![CDATA[charset]]></category>
		<category><![CDATA[doctype]]></category>
		<category><![CDATA[elements]]></category>

		<guid isPermaLink="false">http://html5gallery.com/?p=4954</guid>
		<description><![CDATA[A brochure site about holiday cottages available to rent on the Polish coast. The section element is used to wrap content in places, but div would be a more appropriate choice for this. The figure that is used for the weather icon at the top of the page would be better as an aside, as [...]]]></description>
			<content:encoded><![CDATA[<p>A brochure site about holiday cottages available to rent on the Polish coast.</p>
<p>The <code>section</code> element is used to wrap content in places, but <code>div</code> would be a more appropriate choice for this. The <code>figure</code> that is used for the weather icon at the top of the page would be better as an <code>aside</code>, as it is related to the main content but not essential to understanding it.</p>
<p>
	<img src="http://html5gallery.com/wp-content/uploads/2010/09/debki-thumb.jpg" alt="Website Screenshot" />
	</p> <p>URL: <a href="http://gaga-debki.pl/">http://gaga-debki.pl/</a> </p>]]></content:encoded>
			<wfw:commentRss>http://html5gallery.com/2010/09/gaga-debki/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>Curtain Call Academy</title>
		<link>http://html5gallery.com/2010/09/curtain-call-academy/</link>
		<comments>http://html5gallery.com/2010/09/curtain-call-academy/#comments</comments>
		<pubDate>Sat, 04 Sep 2010 21:00:03 +0000</pubDate>
		<dc:creator>Derek Johnson</dc:creator>
				<category><![CDATA[Brochure]]></category>
		<category><![CDATA[doctype]]></category>
		<category><![CDATA[elements]]></category>

		<guid isPermaLink="false">http://html5gallery.com/?p=4910</guid>
		<description><![CDATA[A brochure site for a children and young adults theatre training company. The document itself is untitled, as there is no heading element outside sectioning content. This could be fixed by replacing the p containing the logo with an h1 (this would also make sense for the aside). The contact form could also use input [...]]]></description>
			<content:encoded><![CDATA[<p>A brochure site for a children and young adults theatre training company.</p>
<p>The document itself is untitled, as there is no heading element outside sectioning content. This could be fixed by replacing the <code>p</code> containing the logo with an <code>h1</code> (this would also make sense for the <code>aside</code>). The contact form could also use <code>input type="email"</code>, and the <code>type</code> attribute is not necessary in <code>script</code> and stylesheet <code>link</code> elements.</p>
<p>
	<img src="http://html5gallery.com/wp-content/uploads/2010/09/theatre-thumb.jpg" alt="Website Screenshot" />
	</p> <p>URL: <a href="http://www.curtaincallacademy.co.uk/">http://www.curtaincallacademy.co.uk/</a> </p>]]></content:encoded>
			<wfw:commentRss>http://html5gallery.com/2010/09/curtain-call-academy/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Caperberry</title>
		<link>http://html5gallery.com/2010/09/caperberry/</link>
		<comments>http://html5gallery.com/2010/09/caperberry/#comments</comments>
		<pubDate>Thu, 02 Sep 2010 13:00:55 +0000</pubDate>
		<dc:creator>Derek Johnson</dc:creator>
				<category><![CDATA[Brochure]]></category>
		<category><![CDATA[doctype]]></category>
		<category><![CDATA[elements]]></category>

		<guid isPermaLink="false">http://html5gallery.com/?p=4862</guid>
		<description><![CDATA[A brochure site for an events planning and catering company in New York state. The section element is used to wrap content where div would be more appropriate as it doesn&#8217;t have a natural heading. On the contact form input type="email" is correctly used, but input type="phone" should be input type="tel". URL: http://caperberryevents.com/]]></description>
			<content:encoded><![CDATA[<p>A brochure site for an events planning and catering company in New York state.</p>
<p>The <code>section</code> element is used to wrap content where <code>div</code> would be more appropriate as it doesn&#8217;t have a natural heading. On the contact form <code>input type="email"</code> is correctly used, but <code>input type="phone"</code> should be <code>input type="tel"</code>.</p>
<p>
	<img src="http://html5gallery.com/wp-content/uploads/2010/08/caperberry-thumb.jpg" alt="Website Screenshot" />
	</p> <p>URL: <a href="http://caperberryevents.com/">http://caperberryevents.com/</a> </p>]]></content:encoded>
			<wfw:commentRss>http://html5gallery.com/2010/09/caperberry/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mukhabbat Travel</title>
		<link>http://html5gallery.com/2010/08/mukhabbat-travel/</link>
		<comments>http://html5gallery.com/2010/08/mukhabbat-travel/#comments</comments>
		<pubDate>Tue, 31 Aug 2010 13:00:37 +0000</pubDate>
		<dc:creator>Derek Johnson</dc:creator>
				<category><![CDATA[Brochure]]></category>
		<category><![CDATA[Travel]]></category>
		<category><![CDATA[charset]]></category>
		<category><![CDATA[doctype]]></category>
		<category><![CDATA[elements]]></category>
		<category><![CDATA[forms]]></category>

		<guid isPermaLink="false">http://html5gallery.com/?p=4851</guid>
		<description><![CDATA[A travel information website about Uzbekistan. The contact form uses both the input type="email" and the often overlooked input type="tel" which is nice to see. However on the home page there is an empty h1 in the header so the document has no title. There is also a section used to wrap content when a [...]]]></description>
			<content:encoded><![CDATA[<p>A travel information website about Uzbekistan.</p>
<p>The contact form uses both the <code>input type="email"</code> and the often overlooked <code>input type="tel"</code> which is nice to see. However on the home page there is an empty <code>h1</code> in the header so the document has no title. There is also a <code>section</code> used to wrap content when a <code>div</code> would be a more appropriate choice.</p>
<p>
	<img src="http://html5gallery.com/wp-content/uploads/2010/08/mukhabbat-thumb.jpg" alt="Website Screenshot" />
	</p> <p>URL: <a href="http://www.mukhabbat.com/">http://www.mukhabbat.com/</a> </p>]]></content:encoded>
			<wfw:commentRss>http://html5gallery.com/2010/08/mukhabbat-travel/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>xMonty</title>
		<link>http://html5gallery.com/2010/08/xmonty/</link>
		<comments>http://html5gallery.com/2010/08/xmonty/#comments</comments>
		<pubDate>Sat, 28 Aug 2010 17:00:35 +0000</pubDate>
		<dc:creator>Derek Johnson</dc:creator>
				<category><![CDATA[Brochure]]></category>
		<category><![CDATA[doctype]]></category>
		<category><![CDATA[elements]]></category>

		<guid isPermaLink="false">http://html5gallery.com/?p=4799</guid>
		<description><![CDATA[A brochure site for a software development team. The section element is used throughout the site as a generic container element for content. It should only be used where its content naturally has a heading, and div should be used as a generic container. The figure element is also used as a container for images [...]]]></description>
			<content:encoded><![CDATA[<p>A brochure site for a software development team.</p>
<p>The <code>section</code> element is used throughout the site as a generic container element for content. It should only be used where its content naturally has a heading, and <code>div</code> should be used as a generic container. The <code>figure</code> element is also used as a container for images when they are not necessarily essential to understand the content but are presentational.</p>
<p>
	<img src="http://html5gallery.com/wp-content/uploads/2010/08/xmonty-thumb.jpg" alt="Website Screenshot" />
	</p> <p>URL: <a href="http://xmonty.com/">http://xmonty.com/</a> </p>]]></content:encoded>
			<wfw:commentRss>http://html5gallery.com/2010/08/xmonty/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>People &amp; Business Development</title>
		<link>http://html5gallery.com/2010/08/people-business-development/</link>
		<comments>http://html5gallery.com/2010/08/people-business-development/#comments</comments>
		<pubDate>Fri, 27 Aug 2010 17:00:37 +0000</pubDate>
		<dc:creator>Derek Johnson</dc:creator>
				<category><![CDATA[Brochure]]></category>
		<category><![CDATA[charset]]></category>
		<category><![CDATA[doctype]]></category>
		<category><![CDATA[elements]]></category>

		<guid isPermaLink="false">http://html5gallery.com/?p=4782</guid>
		<description><![CDATA[A brochure site for a business development company in Belgium. The main content of the homepage is in a section, but article might be a better choice as the content makes sense on its own. The client list could work as a nested section. The search box could have used the new input type="search", and [...]]]></description>
			<content:encoded><![CDATA[<p>A brochure site for a business development company in Belgium.</p>
<p>The main content of the homepage is in a <code>section</code>, but <code>article</code> might be a better choice as the content makes sense on its own. The client list could work as a nested <code>section</code>. The search box could have used the new <code>input type="search"</code>, and similarly <code>input type="email"</code> could have been used in the contact form.</p>
<p>
	<img src="http://html5gallery.com/wp-content/uploads/2010/08/people-thumb.jpg" alt="Website Screenshot" />
	</p> <p>URL: <a href="http://peoplebusinessdevelopment.com/Accueil.aspx">http://peoplebusinessdevelopment.com/Accueil.aspx</a> </p>]]></content:encoded>
			<wfw:commentRss>http://html5gallery.com/2010/08/people-business-development/feed/</wfw:commentRss>
		<slash:comments>1</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>
	</channel>
</rss>
