<?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>Wed, 16 May 2012 09:00:17 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.3.2</generator> <item><title>Doubleleft</title><link>http://html5gallery.com/2012/04/doubleleft/</link> <comments>http://html5gallery.com/2012/04/doubleleft/#comments</comments> <pubDate>Thu, 05 Apr 2012 21:51:58 +0000</pubDate> <dc:creator>Derek Johnson</dc:creator> <category><![CDATA[Agency]]></category> <category><![CDATA[charset]]></category> <category><![CDATA[doctype]]></category> <category><![CDATA[elements]]></category> <category><![CDATA[microdata]]></category> <category><![CDATA[microformats]]></category> <guid
isPermaLink="false">http://html5gallery.com/?p=7867</guid> <description><![CDATA[The website of Brazilian iOS app developers Doubleleft. Some of the new HTML5 elements get a good showing in this site, and the author has taken care to use the shorter doctype and meta charset declaration. The type attribute has &#8230; <a
href="http://html5gallery.com/2012/04/doubleleft/">Continue reading <span
class="meta-nav">&#8594;</span></a>]]></description> <content:encoded><![CDATA[<p>The website of Brazilian iOS app developers Doubleleft.</p><p>Some of the new <abbr>HTML</abbr>5 elements get a good showing in this site, and the author has taken care to use the shorter <code>doctype</code> and <code>meta charset</code> declaration. The <code>type</code> attribute has also been removed from all the <code>script</code> elements, although not the stylesheet <code>link</code> element where it is also unnecessary.</p><p> <img
src="http://html5gallery.com/wp-content/uploads/2012/04/doubleleft-thumb.jpg" alt="Website Screenshot" /></p><p>URL: <a
href="http://doubleleft.com/">http://doubleleft.com/</a></p>]]></content:encoded> <wfw:commentRss>http://html5gallery.com/2012/04/doubleleft/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>CYB</title><link>http://html5gallery.com/2012/03/cyb/</link> <comments>http://html5gallery.com/2012/03/cyb/#comments</comments> <pubDate>Thu, 22 Mar 2012 12:47:22 +0000</pubDate> <dc:creator>Derek Johnson</dc:creator> <category><![CDATA[Agency]]></category> <category><![CDATA[charset]]></category> <category><![CDATA[doctype]]></category> <category><![CDATA[elements]]></category> <category><![CDATA[forms]]></category> <guid
isPermaLink="false">http://html5gallery.com/?p=7817</guid> <description><![CDATA[The website of a Greek company that provides internet and software products and services. The site uses new HTML5 elements throughout and the developers have shown a good understanding of their semantics. They could trim a few bytes by removing &#8230; <a
href="http://html5gallery.com/2012/03/cyb/">Continue reading <span
class="meta-nav">&#8594;</span></a>]]></description> <content:encoded><![CDATA[<p>The website of a Greek company that provides internet and software products and services.</p><p>The site uses new <abbr>HTML</abbr>5 elements throughout and the developers have shown a good understanding of their semantics. They could trim a few bytes by removing the <code>type</code> attribute from <code>script</code> and stylesheet <code>link</code> elements, and the copyright information in the <code>footer</code> could go into a <code>small</code> element which is not presentational in <abbr>HTML</abbr>5 but is for small print.</p><p> <img
src="http://html5gallery.com/wp-content/uploads/2012/03/cyb-thumb.jpg" alt="Website Screenshot" /></p><p>URL: <a
href="http://www.cyb.gr/">http://www.cyb.gr/</a></p>]]></content:encoded> <wfw:commentRss>http://html5gallery.com/2012/03/cyb/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Ernesto Graterol</title><link>http://html5gallery.com/2012/01/ernesto-graterol/</link> <comments>http://html5gallery.com/2012/01/ernesto-graterol/#comments</comments> <pubDate>Tue, 31 Jan 2012 22:23:41 +0000</pubDate> <dc:creator>Gerard Druiven</dc:creator> <category><![CDATA[Agency]]></category> <category><![CDATA[charset]]></category> <category><![CDATA[doctype]]></category> <category><![CDATA[elements]]></category> <category><![CDATA[microformats]]></category> <guid
isPermaLink="false">http://html5gallery.com/?p=7709</guid> <description><![CDATA[Ernesto Graterol is a WordPress theme and plugin development studio. The site is a single page, using JavaScript to switch the tabbed content, so each part would be a good candidate for the section element. It depends on your interpretation &#8230; <a
href="http://html5gallery.com/2012/01/ernesto-graterol/">Continue reading <span
class="meta-nav">&#8594;</span></a>]]></description> <content:encoded><![CDATA[<p>Ernesto Graterol is a WordPress theme and plugin development studio.</p><p>The site is a single page, using JavaScript to switch the tabbed content, so each part would be a good candidate for the <code>section</code> element. It depends on your interpretation of the <a
href="http://www.whatwg.org/specs/web-apps/current-work/multipage/sections.html#the-nav-element">nav specification</a>, but I would say as it&#8217;s their content the social links could go into a <a
href="http://html5doctor.com/nav-element/">nav</a>.</p><p> <img
src="http://html5gallery.com/wp-content/uploads/2011/12/ernestograterol-thumb.jpg" alt="Website Screenshot" /></p><p>URL: <a
href="http://www.ernestograterol.com/">http://www.ernestograterol.com/</a></p>]]></content:encoded> <wfw:commentRss>http://html5gallery.com/2012/01/ernesto-graterol/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>MBA Multimedia</title><link>http://html5gallery.com/2012/01/mba-multimedia/</link> <comments>http://html5gallery.com/2012/01/mba-multimedia/#comments</comments> <pubDate>Thu, 12 Jan 2012 22:02:56 +0000</pubDate> <dc:creator>Gerard Druiven</dc:creator> <category><![CDATA[Agency]]></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=7718</guid> <description><![CDATA[MBA Multimedia is a web agency based just outside Rennes in France. The site is really well constructed and makes good use of headings to create a nice outline. Other boxes are ticked too including hcard microformat and good use &#8230; <a
href="http://html5gallery.com/2012/01/mba-multimedia/">Continue reading <span
class="meta-nav">&#8594;</span></a>]]></description> <content:encoded><![CDATA[<p>MBA Multimedia is a web agency based just outside Rennes in France.</p><p>The site is really well constructed and makes good use of headings to create a nice outline. Other boxes are ticked too including hcard microformat and good use of new form input types and attributes. There is a little <abbr>WAI-ARIA</abbr> which could be rolled out to cover <code>banner</code>, <code>navigation</code>, <code>form</code>, <code>complementary</code> and <code>contentinfo</code> roles.</p><p> <img
src="http://html5gallery.com/wp-content/uploads/2011/12/mbamultimedia-thumb.jpg" alt="Website Screenshot" /></p><p>URL: <a
href="http://www.mba-multimedia.com">http://www.mba-multimedia.com</a></p>]]></content:encoded> <wfw:commentRss>http://html5gallery.com/2012/01/mba-multimedia/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>CMSTEC</title><link>http://html5gallery.com/2012/01/cmstec/</link> <comments>http://html5gallery.com/2012/01/cmstec/#comments</comments> <pubDate>Sun, 01 Jan 2012 09:00:12 +0000</pubDate> <dc:creator>Gerard Druiven</dc:creator> <category><![CDATA[Agency]]></category> <category><![CDATA[charset]]></category> <category><![CDATA[doctype]]></category> <category><![CDATA[elements]]></category> <guid
isPermaLink="false">http://html5gallery.com/?p=7649</guid> <description><![CDATA[Homw site of cmstec, a CMS by Dietmar Krause. The site overall makes good use of some of the new structural HTML5 elements such as header, hgroup, nav, section and footer. The use of an aside in the footer to &#8230; <a
href="http://html5gallery.com/2012/01/cmstec/">Continue reading <span
class="meta-nav">&#8594;</span></a>]]></description> <content:encoded><![CDATA[<p>Homw site of cmstec, a CMS by Dietmar Krause.</p><p>The site overall makes good use of some of the new structural HTML5 elements such as <code>header</code>, <code>hgroup</code>, <code>nav</code>, <code>section </code>and <code>footer</code>. The use of an <code>aside </code>in the <code>footer </code>to contain information such as copyright and other links probably isn&#8217;t ideal as this is still important information. And <code>header </code>elements which contain a single <code>h</code> element could have been left out.</p><p> <img
src="http://html5gallery.com/wp-content/uploads/2011/12/cmstec-thumb.jpg" alt="Website Screenshot" /></p><p>URL: <a
href="http://cmstec.de/">http://cmstec.de/</a></p>]]></content:encoded> <wfw:commentRss>http://html5gallery.com/2012/01/cmstec/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>DropDeck</title><link>http://html5gallery.com/2011/11/dropdeck/</link> <comments>http://html5gallery.com/2011/11/dropdeck/#comments</comments> <pubDate>Mon, 14 Nov 2011 08:00:47 +0000</pubDate> <dc:creator>Gerard Druiven</dc:creator> <category><![CDATA[Agency]]></category> <category><![CDATA[doctype]]></category> <category><![CDATA[some elements]]></category> <guid
isPermaLink="false">http://html5gallery.com/?p=7536</guid> <description><![CDATA[Website by Daniel Hritzkiv for an upcoming service called DropDeck. Clean minimalist site using nice HTML5 markup. Good use of the email input type. The bars section could arguably use a nav element as they are the primary navigation of &#8230; <a
href="http://html5gallery.com/2011/11/dropdeck/">Continue reading <span
class="meta-nav">&#8594;</span></a>]]></description> <content:encoded><![CDATA[<p>Website by Daniel Hritzkiv for an upcoming service called DropDeck.</p><p>Clean minimalist site using nice HTML5 markup. Good use of the <code>email input</code> type. The <em>bars</em> <code>section</code> could arguably use a <code>nav</code> element as they are the primary navigation of the site. The <code>p</code> element used for the copyright information could be enclosed in a <code>small</code> element instead.</p><p>Some pages curiously use a <code>tag</code> element, which is not part of HTML5 nor HTML 4.01 for that matter. Bear in mind that the <code>script</code> element no longer requires the <code>type</code> attribute.</p><p> <img
src="http://html5gallery.com/wp-content/uploads/2011/10/dropdeck-thumb.jpg" alt="Website Screenshot" /></p><p>URL: <a
href="http://dropdeck.com/">http://dropdeck.com/</a></p>]]></content:encoded> <wfw:commentRss>http://html5gallery.com/2011/11/dropdeck/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>The Remedy</title><link>http://html5gallery.com/2011/08/the-remedy/</link> <comments>http://html5gallery.com/2011/08/the-remedy/#comments</comments> <pubDate>Sun, 28 Aug 2011 14:00:35 +0000</pubDate> <dc:creator>Gerard Druiven</dc:creator> <category><![CDATA[Agency]]></category> <category><![CDATA[Portfolio]]></category> <category><![CDATA[doctype]]></category> <category><![CDATA[elements]]></category> <guid
isPermaLink="false">http://html5gallery.com/?p=7246</guid> <description><![CDATA[The Remedy designs and builds websites. There is an opportunity to use hgroup for the sites subtitle. Arguably header is overused because it only contains a single heading in many cases. Projects have been placed within a list item with &#8230; <a
href="http://html5gallery.com/2011/08/the-remedy/">Continue reading <span
class="meta-nav">&#8594;</span></a>]]></description> <content:encoded><![CDATA[<p>The Remedy designs and builds websites. There is an opportunity to use <code>hgroup</code> for the sites subtitle. Arguably <a
href="http://html5doctor.com/avoiding-common-html5-mistakes/"><code>header</code> is overused because it only contains a single heading</a> in many cases. Projects have been placed within a list item with a <code>section</code> inside each; this isn&#8217;t required, the <code>section</code> is enough on it&#8217;s own.</p><p> <img
src="http://html5gallery.com/wp-content/uploads/2011/07/theremedy-thumb.jpg" alt="Website Screenshot" /></p><p>URL: <a
href="http://www.theremedy.be/">http://www.theremedy.be/</a></p>]]></content:encoded> <wfw:commentRss>http://html5gallery.com/2011/08/the-remedy/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Internet Bureau Bolt</title><link>http://html5gallery.com/2011/08/internet-bureau-bolt/</link> <comments>http://html5gallery.com/2011/08/internet-bureau-bolt/#comments</comments> <pubDate>Fri, 12 Aug 2011 12:39:45 +0000</pubDate> <dc:creator>Gerard Druiven</dc:creator> <category><![CDATA[Agency]]></category> <category><![CDATA[charset]]></category> <category><![CDATA[doctype]]></category> <category><![CDATA[elements]]></category> <category><![CDATA[wai-aria]]></category> <category><![CDATA[web forms 2.0]]></category> <guid
isPermaLink="false">http://html5gallery.com/?p=7240</guid> <description><![CDATA[Full service web agency, Bolt from Amsterdam. The site is built on HTML5 Boilerplate. There are some empty header elements that aren&#8217;t really required. The main area could do with splitting into sections. Each news item could use an article &#8230; <a
href="http://html5gallery.com/2011/08/internet-bureau-bolt/">Continue reading <span
class="meta-nav">&#8594;</span></a>]]></description> <content:encoded><![CDATA[<p>Full service web agency, Bolt from Amsterdam. The site is built on HTML5 Boilerplate. There are some empty <code>header</code> elements that aren&#8217;t really required. The main area could do with splitting into <code>section</code>s. Each news item could use an <code>article</code> and the <code>time</code> element.</p><p> <img
src="http://html5gallery.com/wp-content/uploads/2011/07/internetbureaubolt-thumb.jpg" alt="Website Screenshot" /></p><p>URL: <a
href="http://internetbureaubolt.nl/">http://internetbureaubolt.nl/</a></p>]]></content:encoded> <wfw:commentRss>http://html5gallery.com/2011/08/internet-bureau-bolt/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Cultural Solutions</title><link>http://html5gallery.com/2011/07/cultural-solutions/</link> <comments>http://html5gallery.com/2011/07/cultural-solutions/#comments</comments> <pubDate>Fri, 08 Jul 2011 16:07:54 +0000</pubDate> <dc:creator>Richard Clark</dc:creator> <category><![CDATA[Agency]]></category> <category><![CDATA[charset]]></category> <category><![CDATA[doctype]]></category> <category><![CDATA[elements]]></category> <guid
isPermaLink="false">http://html5gallery.com/?p=7087</guid> <description><![CDATA[Cultural Solutions are an independent arts &#38; cultural consultancy based in Lincoln UK. The site uses several new HTML5 elements. The background circles are created using images but a case could be made for changing them to canvas or SVG. &#8230; <a
href="http://html5gallery.com/2011/07/cultural-solutions/">Continue reading <span
class="meta-nav">&#8594;</span></a>]]></description> <content:encoded><![CDATA[<p>Cultural Solutions are an independent arts &amp; cultural consultancy based in Lincoln UK. The site uses several new HTML5 elements. The background circles are created using images but a case could be made for changing them to canvas or SVG.</p><p> <img
src="http://html5gallery.com/wp-content/uploads/2011/07/cultural-solutions-thumb.jpg" alt="Website Screenshot" /></p><p>URL: <a
href="http://www.culturalsolutions.co.uk/">http://www.culturalsolutions.co.uk/</a></p>]]></content:encoded> <wfw:commentRss>http://html5gallery.com/2011/07/cultural-solutions/feed/</wfw:commentRss> <slash:comments>1</slash:comments> </item> <item><title>Stormen</title><link>http://html5gallery.com/2011/07/stormen/</link> <comments>http://html5gallery.com/2011/07/stormen/#comments</comments> <pubDate>Sat, 02 Jul 2011 08:00:44 +0000</pubDate> <dc:creator>Ian Devlin</dc:creator> <category><![CDATA[Agency]]></category> <category><![CDATA[charset]]></category> <category><![CDATA[doctype]]></category> <category><![CDATA[elements]]></category> <guid
isPermaLink="false">http://html5gallery.com/?p=6957</guid> <description><![CDATA[Website of Swedish advertising and communications agency Stormen. The pulldown &#8220;mini&#8221; menu on the right doesn&#8217;t need to be in article or section elements here since they are being used for styling purposes only, so the div element would be &#8230; <a
href="http://html5gallery.com/2011/07/stormen/">Continue reading <span
class="meta-nav">&#8594;</span></a>]]></description> <content:encoded><![CDATA[<p>Website of Swedish advertising and communications agency Stormen.</p><p>The pulldown &#8220;mini&#8221; menu on the right doesn&#8217;t need to be in <code>article</code> or <code>section</code> elements here since they are being used for styling purposes only, so the <code>div</code> element would be more appropriate. It also causes the HTML5 outliner to display many untitled sections.</p><p>Each of the portfolio images should be contained within a <code>figure</code> rather than an <code>article</code>, with the <code>figcaption</code> element being used to the text associated with each one. The same could be said for the employee about page. Also remember that the <code>type</code> attribute is no longer required in <code>script</code> elements or <code>style</code> elements.</p><p> <img
src="http://html5gallery.com/wp-content/uploads/2011/07/stormen-thumb.jpg" alt="Website Screenshot" /></p><p>URL: <a
href="http://stormen.nu/">http://stormen.nu/</a></p>]]></content:encoded> <wfw:commentRss>http://html5gallery.com/2011/07/stormen/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> </channel> </rss>
