<?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, 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>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 of the nav specification, but I would say as it&#8217;s their content the social links [...]]]></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 of new form input types and attributes. There is a little WAI-ARIA which could be [...]]]></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 contain information such as copyright and other links probably isn&#8217;t ideal as this is still [...]]]></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 the site. The p element used for the copyright information could be enclosed in 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 a section inside each; this isn&#8217;t required, the section is enough on it&#8217;s own. URL: [...]]]></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 and the time element. URL: http://internetbureaubolt.nl/]]></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. URL: http://www.culturalsolutions.co.uk/]]></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>0</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</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 more appropriate. It also causes the HTML5 outliner to display many untitled sections. Each of [...]]]></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> <item><title>EtonDigital</title><link>http://html5gallery.com/2011/06/etondigital/</link> <comments>http://html5gallery.com/2011/06/etondigital/#comments</comments> <pubDate>Wed, 29 Jun 2011 09:00:55 +0000</pubDate> <dc:creator>Ian</dc:creator> <category><![CDATA[Agency]]></category> <category><![CDATA[charset]]></category> <category><![CDATA[doctype]]></category> <category><![CDATA[elements]]></category> <category><![CDATA[time]]></category> <category><![CDATA[wai-aria]]></category> <guid
isPermaLink="false">http://html5gallery.com/?p=6925</guid> <description><![CDATA[Site of web design agency, Eton Digital. Good to see ARIA roles being used throughout the site. This often gets overlooked. The content tends to be wrapped in section elements where a div might have been more appropriate as it seems to be used for styling only. Use could also have been made of the [...]]]></description> <content:encoded><![CDATA[<p>Site of web design agency, Eton Digital.</p><p>Good to see ARIA roles being used throughout the site. This often gets overlooked. The content tends to be wrapped in <code>section</code> elements where a <code>div </code>might have been more appropriate as it seems to be used for styling only. Use could also have been made of the <code>figure </code>and <code>figcaption </code>elements in the portfolio. The social sharing links in the blog shouldn&#8217;t be contained with a <code>nav </code>as they take the user away from the site rather than navigate it.</p><p>The comments section and contact form could have made use of some of the new <code>input </code>types and the copyright information could have been wrapped in the <code>small </code>element. Remember that the <code>type </code>attribute is no longer required in the <code>script </code>element.</p><p> <img
src="http://html5gallery.com/wp-content/uploads/2011/06/etondigital-thumb.jpg" alt="Website Screenshot" /></p><p>URL: <a
href="http://www.etondigital.com/">http://www.etondigital.com/</a></p>]]></content:encoded> <wfw:commentRss>http://html5gallery.com/2011/06/etondigital/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>HashFive</title><link>http://html5gallery.com/2011/06/hashfive/</link> <comments>http://html5gallery.com/2011/06/hashfive/#comments</comments> <pubDate>Sun, 26 Jun 2011 10:00:37 +0000</pubDate> <dc:creator>Ian</dc:creator> <category><![CDATA[Agency]]></category> <category><![CDATA[Portfolio]]></category> <category><![CDATA[charset]]></category> <category><![CDATA[doctype]]></category> <category><![CDATA[elements]]></category> <guid
isPermaLink="false">http://html5gallery.com/?p=6915</guid> <description><![CDATA[Website of web design and development agency, Hash Five. All the content is grouped into one section element, with each different content area in its own nested section. This is correct since they are not related under a generic header, and so an article element would not have been appropriate. The section used for the [...]]]></description> <content:encoded><![CDATA[<p>Website of web design and development agency, Hash Five.</p><p>All the content is grouped into one <code>section</code> element, with each different content area in its own nested <code>section</code>. This is correct since they are not related under a generic header, and so an <code>article</code> element would not have been appropriate.</p><p>The <code>section</code> used for the header should really be contained within a <code>header</code> element, since that&#8217;s what it&#8217;s for. The images within the slider could have been contained within a <code>figure</code> element. Nice to see care being taken to largely remove the <code>type</code> attribute from the script element (although there are some rogue ones) &#8211; but of course this isn&#8217;t absolutely necessary.</p><p> <img
src="http://html5gallery.com/wp-content/uploads/2011/06/hashfive-thumb.jpg" alt="Website Screenshot" /></p><p>URL: <a
href="http://hashfive.com/">http://hashfive.com/</a></p>]]></content:encoded> <wfw:commentRss>http://html5gallery.com/2011/06/hashfive/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> </channel> </rss>
