<?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; Commercial</title> <atom:link href="http://html5gallery.com/category/commercial/feed/" rel="self" type="application/rss+xml" /><link>http://html5gallery.com</link> <description>A showcase of sites using HTML5 markup</description> <lastBuildDate>Thu, 02 Feb 2012 22:10:02 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.3</generator> <item><title>Dijean</title><link>http://html5gallery.com/2011/12/dijean/</link> <comments>http://html5gallery.com/2011/12/dijean/#comments</comments> <pubDate>Sat, 24 Dec 2011 09:00:26 +0000</pubDate> <dc:creator>Gerard Druiven</dc:creator> <category><![CDATA[Commercial]]></category> <category><![CDATA[Lifestream]]></category> <category><![CDATA[charset]]></category> <category><![CDATA[doctype]]></category> <category><![CDATA[element]]></category> <guid
isPermaLink="false">http://html5gallery.com/?p=7602</guid> <description><![CDATA[Website of a Brazilian shoe company, showing their collection. The section element is used a bit too much here, often making an appearance when a div would have sufficed. The social networking links in the main footer should probably not be in a nav element as they are not the primary navigation of the site. [...]]]></description> <content:encoded><![CDATA[<p>Website of a Brazilian shoe company, showing their collection.</p><p>The <code>section</code> element is used a bit too much here, often making an appearance when a <code>div</code> would have sufficed. The social networking links in the main footer should probably not be in a <code>nav</code> element as they are not the primary navigation of the site.</p><p>Remember that the <code>stylesheet link</code> element no longer needs the <code>type</code> attribute.</p><p> <img
src="http://html5gallery.com/wp-content/uploads/2011/12/dijean-thumb.jpg" alt="Website Screenshot" /></p><p>URL: <a
href="http://dijean.com.br">http://dijean.com.br</a></p>]]></content:encoded> <wfw:commentRss>http://html5gallery.com/2011/12/dijean/feed/</wfw:commentRss> <slash:comments>1</slash:comments> </item> <item><title>Revista Boda</title><link>http://html5gallery.com/2011/12/revista-boda/</link> <comments>http://html5gallery.com/2011/12/revista-boda/#comments</comments> <pubDate>Thu, 22 Dec 2011 08:00:32 +0000</pubDate> <dc:creator>Gerard Druiven</dc:creator> <category><![CDATA[Commercial]]></category> <category><![CDATA[charset]]></category> <category><![CDATA[doctype]]></category> <category><![CDATA[elements]]></category> <guid
isPermaLink="false">http://html5gallery.com/?p=7571</guid> <description><![CDATA[Spanish wedding magazine website. The menu element is used incorrectly numerous times within a nav where a ul should have been used instead. The section element is being used as a styling container, where a div would have been more appropriate. The magazine editions themselves use Flash, which is disappointing on an HTML5 site. Remember [...]]]></description> <content:encoded><![CDATA[<p>Spanish wedding magazine website.</p><p>The <code>menu</code> element is used incorrectly numerous times within a <code>nav</code> where a <code>ul</code> should have been used instead. The <code>section</code> element is being used as a styling container, where a <code>div</code> would have been more appropriate. The magazine editions themselves use Flash, which is disappointing on an HTML5 site.</p><p>Remember that the <code>type</code> attribute is no longer required for <code>script</code> and <code>link stylesheet</code> elements.</p><p> <img
src="http://html5gallery.com/wp-content/uploads/2011/10/digitalmagazine-thumb.jpg" alt="Website Screenshot" /></p><p>URL: <a
href="http://www.digitalmagazine.es">http://www.digitalmagazine.es</a></p>]]></content:encoded> <wfw:commentRss>http://html5gallery.com/2011/12/revista-boda/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>resultadosorteo</title><link>http://html5gallery.com/2011/12/resultadosorteo/</link> <comments>http://html5gallery.com/2011/12/resultadosorteo/#comments</comments> <pubDate>Wed, 21 Dec 2011 08:00:49 +0000</pubDate> <dc:creator>Gerard Druiven</dc:creator> <category><![CDATA[Commercial]]></category> <category><![CDATA[charset]]></category> <category><![CDATA[doctype]]></category> <category><![CDATA[elements]]></category> <guid
isPermaLink="false">http://html5gallery.com/?p=7569</guid> <description><![CDATA[Spanish website for lottery results. The lang value should be es and not en. The hgroup element is used incorrectly here, as it doesn&#8217;t even contain a h element. The menu element is also incorrectly used within a nav element where a ul should have been used instead. Remember that the script and link stylesheet [...]]]></description> <content:encoded><![CDATA[<p>Spanish website for lottery results.</p><p>The <code>lang</code> value should be <code>es</code> and not <code>en</code>. The <code>hgroup</code> element is used incorrectly here, as it doesn&#8217;t even contain a <code>h</code> element. The <code>menu</code> element is also incorrectly used within a <code>nav</code> element where a <code>ul</code> should have been used instead.</p><p>Remember that the <code>script</code> and <code>link stylesheet</code> elements no longer require the <code>type</code> attribute.</p><p> <img
src="http://html5gallery.com/wp-content/uploads/2011/10/resultadosorteo-thumb.jpg" alt="Website Screenshot" /></p><p>URL: <a
href="http://www.resultadosorteo.com">http://www.resultadosorteo.com</a></p>]]></content:encoded> <wfw:commentRss>http://html5gallery.com/2011/12/resultadosorteo/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Linkar.es</title><link>http://html5gallery.com/2011/12/linkar-es/</link> <comments>http://html5gallery.com/2011/12/linkar-es/#comments</comments> <pubDate>Fri, 09 Dec 2011 09:00:12 +0000</pubDate> <dc:creator>Gerard Druiven</dc:creator> <category><![CDATA[Commercial]]></category> <category><![CDATA[charset]]></category> <category><![CDATA[doctype]]></category> <category><![CDATA[elements]]></category> <guid
isPermaLink="false">http://html5gallery.com/?p=7567</guid> <description><![CDATA[A Spanish business directory. The lang attribute in the html element has the wrong value as it should be set to es and not en. The hgroup element is incorrectly used to enclose a single h1 element and so should be removed. The menu element has been used to enclose the list of categories at [...]]]></description> <content:encoded><![CDATA[<p>A Spanish business directory.</p><p>The <code>lang</code> attribute in the <code>html</code> element has the wrong value as it should be set to <code>es</code> and not <code>en</code>. The <code>hgroup</code> element is incorrectly used to enclose a single <code>h1</code> element and so should be removed. The <code>menu</code> element has been used to enclose the list of categories at the top which is incorrect use as <code>menu</code> contains a list of commands (see <a
href="http://dev.w3.org/html5/spec/Overview.html#the-menu-element">the menu element</a>).</p><p>Remember that the <code>type</code> attribute is no longer required for the <code>script</code> element.</p><p> <img
src="http://html5gallery.com/wp-content/uploads/2011/10/linkar-thumb.jpg" alt="Website Screenshot" /></p><p>URL: <a
href="http://www.linkar.es">http://www.linkar.es</a></p>]]></content:encoded> <wfw:commentRss>http://html5gallery.com/2011/12/linkar-es/feed/</wfw:commentRss> <slash:comments>1</slash:comments> </item> <item><title>MetesDtn</title><link>http://html5gallery.com/2011/12/metesdtn-it/</link> <comments>http://html5gallery.com/2011/12/metesdtn-it/#comments</comments> <pubDate>Thu, 08 Dec 2011 10:02:41 +0000</pubDate> <dc:creator>Gerard Druiven</dc:creator> <category><![CDATA[Commercial]]></category> <category><![CDATA[charset]]></category> <category><![CDATA[doctype]]></category> <category><![CDATA[elements]]></category> <guid
isPermaLink="false">http://html5gallery.com/?p=7559</guid> <description><![CDATA[Website of an Italian consulting firm based in Bologna. The site makes good use of some of the new HTML5 elements. Each section has a header, and the containing article elements also have their own heading, which is good for the HTML5 outliner. The header element could have been left out as it only contains [...]]]></description> <content:encoded><![CDATA[<p>Website of an Italian consulting firm based in Bologna.</p><p>The site makes good use of some of the new HTML5 elements. Each <code>section </code>has a header, and the containing <code>article </code>elements also have their own heading, which is good for the HTML5 outliner. The <code>header</code> element could have been left out as it only contains a <code>hgroup</code> element.</p><p>The <code>small</code> element could have been used for the copyright and legal information contained in the footer. Remember that the <code>type</code> attribute is no longer required for the <code>script</code> element.</p><p> <img
src="http://html5gallery.com/wp-content/uploads/2011/10/metesdtn-thumb.jpg" alt="Website Screenshot" /></p><p>URL: <a
href="http://www.metesdtn.it">http://www.metesdtn.it</a></p>]]></content:encoded> <wfw:commentRss>http://html5gallery.com/2011/12/metesdtn-it/feed/</wfw:commentRss> <slash:comments>2</slash:comments> </item> <item><title>Gimme Money I Can Do It!!</title><link>http://html5gallery.com/2011/10/gimme-money-i-can-do-it/</link> <comments>http://html5gallery.com/2011/10/gimme-money-i-can-do-it/#comments</comments> <pubDate>Sun, 09 Oct 2011 08:00:40 +0000</pubDate> <dc:creator>Ian</dc:creator> <category><![CDATA[Commercial]]></category> <category><![CDATA[Portfolio]]></category> <category><![CDATA[charset]]></category> <category><![CDATA[doctype]]></category> <category><![CDATA[elements]]></category> <guid
isPermaLink="false">http://html5gallery.com/?p=7526</guid> <description><![CDATA[Website of a small independent web design studio based in Buenos Aires, Argentina. This site suffers a bit from &#8220;div-itis&#8221; and using section elements for the sake of using them rather than semantically. The work area sub-navigation links shouldn&#8217;t be contained within a nav element as they&#8217;re not the main navigation of the site. The [...]]]></description> <content:encoded><![CDATA[<p>Website of a small independent web design studio based in Buenos Aires, Argentina.</p><p>This site suffers a bit from &#8220;div-itis&#8221; and using <code>section</code> elements for the sake of using them rather than semantically. The work area sub-navigation links shouldn&#8217;t be contained within a <code>nav</code> element as they&#8217;re not the main navigation of the site. The duplicated navigation in the footer should also not be contained within a <code>nav</code> for the same reason.</p><p>The contact form could have made use of some of the new <code>input types</code>, and for some reason it also uses a <code>table</code> for the <code>textarea</code> which is disappointing.</p><p> <img
src="http://html5gallery.com/wp-content/uploads/2011/10/gimmemoneyicandoit-thumb.jpg" alt="Website Screenshot" /></p><p>URL: <a
href="http://www.gimmemoneyicandoit.com/">http://www.gimmemoneyicandoit.com/</a></p>]]></content:encoded> <wfw:commentRss>http://html5gallery.com/2011/10/gimme-money-i-can-do-it/feed/</wfw:commentRss> <slash:comments>3</slash:comments> </item> <item><title>Blue Steel</title><link>http://html5gallery.com/2011/09/blue-steel/</link> <comments>http://html5gallery.com/2011/09/blue-steel/#comments</comments> <pubDate>Fri, 16 Sep 2011 08:00:14 +0000</pubDate> <dc:creator>Ian</dc:creator> <category><![CDATA[Commercial]]></category> <category><![CDATA[charset]]></category> <category><![CDATA[doctype]]></category> <category><![CDATA[element]]></category> <guid
isPermaLink="false">http://html5gallery.com/?p=7432</guid> <description><![CDATA[Website of a Brazilian fashion company. The site uses a large video as a background which disappointingly uses Flash. The top navigation is contained in a nav, which is fine, but the secondary navigation at the bottom left shouldn&#8217;t be as it&#8217;s secondary. Use could have been made of the new input types on the [...]]]></description> <content:encoded><![CDATA[<p>Website of a Brazilian fashion company.</p><p>The site uses a large video as a background which disappointingly uses Flash. The top navigation is contained in a <code>nav</code>, which is fine, but the secondary navigation at the bottom left shouldn&#8217;t be as it&#8217;s secondary.</p><p>Use could have been made of the new input types on the search and contact form and remember that the <code>type</code> attribute is no longer required for the <code>script</code> or <code>link stylesheet</code> elements.</p><p> <img
src="http://html5gallery.com/wp-content/uploads/2011/09/bluesteel-thumb.jpg" alt="Website Screenshot" /></p><p>URL: <a
href="http://www.bluesteel.com.br/">http://www.bluesteel.com.br/</a></p>]]></content:encoded> <wfw:commentRss>http://html5gallery.com/2011/09/blue-steel/feed/</wfw:commentRss> <slash:comments>4</slash:comments> </item> <item><title>hazel tree design</title><link>http://html5gallery.com/2011/08/hazel-tree-design/</link> <comments>http://html5gallery.com/2011/08/hazel-tree-design/#comments</comments> <pubDate>Fri, 19 Aug 2011 08:00:24 +0000</pubDate> <dc:creator>Gerard Druiven</dc:creator> <category><![CDATA[Commercial]]></category> <category><![CDATA[Portfolio]]></category> <category><![CDATA[charset]]></category> <category><![CDATA[doctype]]></category> <category><![CDATA[elements]]></category> <guid
isPermaLink="false">http://html5gallery.com/?p=7272</guid> <description><![CDATA[Website of a design company based in California. The header is nice and neat containg a single h1 and some added text in a p element. The main navigation is also nicely contained in a nav element although it could have been part of the header (it doesn&#8217;t have to be though). The page content [...]]]></description> <content:encoded><![CDATA[<p>Website of a design company based in California.</p><p>The <code>header </code>is nice and neat containg a single <code>h1 </code>and some added text in a <code>p</code> element. The main navigation is also nicely contained in a <code>nav </code>element although it could have been part of the header (it doesn&#8217;t have to be though).</p><p>The page content is located within a <code>section </code>element with no heading so it&#8217;s really only acting as a container where a <code>div </code>would have been more appropriate. Each list item then contains an <code>article </code>element which again has no heading and so a <code>div </code>would be more appropriate.</p><p>Nice to see the <code>tel </code>and <code>email </code>input types being used in the contact form.</p><p> <img
src="http://html5gallery.com/wp-content/uploads/2011/07/hazeltree-thumb.jpg" alt="Website Screenshot" /></p><p>URL: <a
href="http://hazeltree.org/">http://hazeltree.org/</a></p>]]></content:encoded> <wfw:commentRss>http://html5gallery.com/2011/08/hazel-tree-design/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>viniltec</title><link>http://html5gallery.com/2011/08/viniltec/</link> <comments>http://html5gallery.com/2011/08/viniltec/#comments</comments> <pubDate>Thu, 18 Aug 2011 09:00:32 +0000</pubDate> <dc:creator>Gerard Druiven</dc:creator> <category><![CDATA[Commercial]]></category> <category><![CDATA[charset]]></category> <category><![CDATA[doctype]]></category> <category><![CDATA[elements]]></category> <guid
isPermaLink="false">http://html5gallery.com/?p=7269</guid> <description><![CDATA[Website of a Brazilian printing company. The vcard on the left (which is actually within the header) is contained within a section element which has no heading, as is the emails area. Again there is no heading on this section element so it&#8217;s really only acting as a container, so a div would have been [...]]]></description> <content:encoded><![CDATA[<p>Website of a Brazilian printing company.</p><p>The vcard on the left (which is actually within the <code>header</code>) is contained within a <code>section </code>element which has no heading, as is the emails area. Again there is no heading on this <code>section </code>element so it&#8217;s really only acting as a container, so a <code>div </code>would have been more appropriate.<br
/> The social media links on the far left shouldn&#8217;t be contained within a <code>nav </code>element as they are not the main site navigation.</p><p>Nice to see the contact form use some of the new HTML5 input types.</p><p>Remember that the <code>type </code>attribute is no longer required for the <code>script </code>element.</p><p> <img
src="http://html5gallery.com/wp-content/uploads/2011/07/viniltec-thumb.jpg" alt="Website Screenshot" /></p><p>URL: <a
href="http://www.viniltec.com.br/">http://www.viniltec.com.br/</a></p>]]></content:encoded> <wfw:commentRss>http://html5gallery.com/2011/08/viniltec/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Justin Cline &#8211; diablomedia</title><link>http://html5gallery.com/2011/07/justin-cline-diablomedia/</link> <comments>http://html5gallery.com/2011/07/justin-cline-diablomedia/#comments</comments> <pubDate>Sat, 30 Jul 2011 13:02:35 +0000</pubDate> <dc:creator>Gerard Druiven</dc:creator> <category><![CDATA[Commercial]]></category> <category><![CDATA[charset]]></category> <category><![CDATA[doctype]]></category> <category><![CDATA[elements]]></category> <guid
isPermaLink="false">http://html5gallery.com/?p=7298</guid> <description><![CDATA[Website of an online marketing company. Nice to see the email input type being used in the contact form. The section element seems to have been incorrectly used as a wrapper element on numerous occasions when a div should have been used instead. Many other section elements throughout the site have no heading which causes [...]]]></description> <content:encoded><![CDATA[<p>Website of an online marketing company.</p><p>Nice to see the <code>email </code>input type being used in the contact form. The <code>section </code>element seems to have been incorrectly used as a wrapper element on numerous occasions when a <code>div </code>should have been used instead. Many other <code>section </code>elements throughout the site have no heading which causes many <em>Untitled Sections</em> on the HTML5 Outliner.</p><p> <img
src="http://html5gallery.com/wp-content/uploads/2011/07/diablomedia-thumb.jpg" alt="Website Screenshot" /></p><p>URL: <a
href="http://diablomedia.com/">http://diablomedia.com/</a></p>]]></content:encoded> <wfw:commentRss>http://html5gallery.com/2011/07/justin-cline-diablomedia/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> </channel> </rss>
