<?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; Blog</title> <atom:link href="http://html5gallery.com/category/blog/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>Terjin</title><link>http://html5gallery.com/2012/05/terjin/</link> <comments>http://html5gallery.com/2012/05/terjin/#comments</comments> <pubDate>Wed, 16 May 2012 09:00:17 +0000</pubDate> <dc:creator>Ian Devlin</dc:creator> <category><![CDATA[Blog]]></category> <category><![CDATA[Portfolio]]></category> <category><![CDATA[charset]]></category> <category><![CDATA[doctype]]></category> <guid
isPermaLink="false">http://html5gallery.com/?p=7928</guid> <description><![CDATA[Personal website of interaction designer, Terjin. Copious use of the new HTML5 structural element, although the section element has been overused, with our old friend the div being more appropriate in certain places. The &#8220;sidebar&#8221; div that contains numerous aside &#8230; <a
href="http://html5gallery.com/2012/05/terjin/">Continue reading <span
class="meta-nav">&#8594;</span></a>]]></description> <content:encoded><![CDATA[<p>Personal website of interaction designer, Terjin.</p><p>Copious use of the new HTML5 structural element, although the <code>section</code> element has been overused, with our old friend the <code>div</code> being more appropriate in certain places. The &#8220;sidebar&#8221; <code>div</code> that contains numerous <code>aside</code> elements probably could have been an <code>aside</code> itself with <code>section</code>s.</p><p> <img
src="http://html5gallery.com7929" alt="Website Screenshot" /></p><p>URL: <a
href="http://terj.in/">http://terj.in/</a></p>]]></content:encoded> <wfw:commentRss>http://html5gallery.com/2012/05/terjin/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Apprendre &#224; Bloguer</title><link>http://html5gallery.com/2011/11/apprendreabloguer-com/</link> <comments>http://html5gallery.com/2011/11/apprendreabloguer-com/#comments</comments> <pubDate>Sun, 13 Nov 2011 08:00:40 +0000</pubDate> <dc:creator>Gerard Druiven</dc:creator> <category><![CDATA[Blog]]></category> <category><![CDATA[charset]]></category> <category><![CDATA[doctype]]></category> <category><![CDATA[elements]]></category> <category><![CDATA[role]]></category> <category><![CDATA[wai-aria]]></category> <guid
isPermaLink="false">http://html5gallery.com/?p=7556</guid> <description><![CDATA[Blog by Thomas David. The content div could have been replaced with a section element. The first use of the nav element to enclose the main navigation is ideal, but the utility navigation should not use the nav element as &#8230; <a
href="http://html5gallery.com/2011/11/apprendreabloguer-com/">Continue reading <span
class="meta-nav">&#8594;</span></a>]]></description> <content:encoded><![CDATA[<p>Blog by Thomas David.</p><p>The <em>content</em> <code>div</code> could have been replaced with a <code>section</code> element. The first use of the <code>nav</code> element to enclose the main navigation is ideal, but the utility navigation should not use the <code>nav</code> element as it is not primary site navigation. The <code>article</code> elements in the <code>footer</code> should really be <code>div</code>s.</p><p>Nice use of the <code>time</code> element and WAI-ARIA roles throughout. Remember 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/apprendreabloguer-thumb.jpg" alt="Website Screenshot" /></p><p>URL: <a
href="http://www.apprendreabloguer.com/">http://www.apprendreabloguer.com/</a></p>]]></content:encoded> <wfw:commentRss>http://html5gallery.com/2011/11/apprendreabloguer-com/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>cssgirl.com</title><link>http://html5gallery.com/2011/11/cssgirl-com/</link> <comments>http://html5gallery.com/2011/11/cssgirl-com/#comments</comments> <pubDate>Fri, 11 Nov 2011 23:05:25 +0000</pubDate> <dc:creator>Gerard Druiven</dc:creator> <category><![CDATA[Blog]]></category> <category><![CDATA[Personal]]></category> <category><![CDATA[Portfolio]]></category> <category><![CDATA[charset]]></category> <category><![CDATA[doctype]]></category> <category><![CDATA[elements]]></category> <guid
isPermaLink="false">http://html5gallery.com/?p=7465</guid> <description><![CDATA[The portfolio and blog of freelance web design and delopment professional Lindsey Di Napoli. Lindsey&#8217;s site is well structured, making use of some new HTML5 elements such as header, nav, section, article and footer. There is one untitled section used &#8230; <a
href="http://html5gallery.com/2011/11/cssgirl-com/">Continue reading <span
class="meta-nav">&#8594;</span></a>]]></description> <content:encoded><![CDATA[<p>The portfolio and blog of freelance web design and delopment professional Lindsey Di Napoli.</p><p>Lindsey&#8217;s site is well structured, making use of some new <abbr>HTML</abbr>5 elements such as <code>header</code>, <code>nav</code>, <code>section</code>, <code>article</code> and <code>footer</code>. There is one untitled <code>section</code> used to contain the main content which would be better as a <code>div</code>, and <code>time</code> with the <code>pubdate</code> attribute would be a better choice for marking up the blog posts&#8217; published dates. Otherwise a pretty nice HTML5 site.</p><p> <img
src="http://html5gallery.com/wp-content/uploads/2011/09/cssgirl-thumb.jpg" alt="Website Screenshot" /></p><p>URL: <a
href="http://cssgirl.com">http://cssgirl.com</a></p>]]></content:encoded> <wfw:commentRss>http://html5gallery.com/2011/11/cssgirl-com/feed/</wfw:commentRss> <slash:comments>1</slash:comments> </item> <item><title>phawk</title><link>http://html5gallery.com/2011/10/phawk/</link> <comments>http://html5gallery.com/2011/10/phawk/#comments</comments> <pubDate>Sun, 09 Oct 2011 08:00:07 +0000</pubDate> <dc:creator>Ian Devlin</dc:creator> <category><![CDATA[Blog]]></category> <category><![CDATA[Personal]]></category> <category><![CDATA[charset]]></category> <category><![CDATA[css3]]></category> <category><![CDATA[doctype]]></category> <category><![CDATA[elements]]></category> <category><![CDATA[media queries]]></category> <guid
isPermaLink="false">http://html5gallery.com/?p=7518</guid> <description><![CDATA[Personal website and blog of Pete Hawkins, a designer and developer from Belfast. Nice clean use of the major HTML5 structural elements although I&#8217;d question the use of the small element to enclode the dates in the journal. The time &#8230; <a
href="http://html5gallery.com/2011/10/phawk/">Continue reading <span
class="meta-nav">&#8594;</span></a>]]></description> <content:encoded><![CDATA[<p>Personal website and blog of Pete Hawkins, a designer and developer from Belfast.</p><p>Nice clean use of the major HTML5 structural elements although I&#8217;d question the use of the <code>small</code> element to enclode the dates in the journal. The <code>time</code> element should have been used instead. Each of the journal and work entries are contained within an <code>article</code> which is internally split into <code>sections</code>.</p><p>Remember that the <code>type</code> attribute is no longer required for the <code>script</code> and <code>link stylesheet</code> elements.</p><p> <img
src="http://html5gallery.com/wp-content/uploads/2011/10/phawk-thumb.jpg" alt="Website Screenshot" /></p><p>URL: <a
href="http://phawk.co.uk/">http://phawk.co.uk/</a></p>]]></content:encoded> <wfw:commentRss>http://html5gallery.com/2011/10/phawk/feed/</wfw:commentRss> <slash:comments>3</slash:comments> </item> <item><title>#beerblogging</title><link>http://html5gallery.com/2011/08/beerblogging/</link> <comments>http://html5gallery.com/2011/08/beerblogging/#comments</comments> <pubDate>Mon, 22 Aug 2011 14:09:17 +0000</pubDate> <dc:creator>Richard Clark</dc:creator> <category><![CDATA[Blog]]></category> <category><![CDATA[canvas]]></category> <category><![CDATA[charset]]></category> <category><![CDATA[doctype]]></category> <category><![CDATA[elements]]></category> <guid
isPermaLink="false">http://html5gallery.com/?p=7380</guid> <description><![CDATA[A feed aggregator that uses a number of new elements and has a nice little touch of canvas when you mouse over the &#8220;beer&#8221;. I&#8217;m not so sure that the post title and author should be within a hgroup but &#8230; <a
href="http://html5gallery.com/2011/08/beerblogging/">Continue reading <span
class="meta-nav">&#8594;</span></a>]]></description> <content:encoded><![CDATA[<p>A feed aggregator that uses a number of new elements and has a nice little touch of canvas when you mouse over the &#8220;beer&#8221;. I&#8217;m not so sure that the post title and author should be within a <code>hgroup</code> but as with lots of semantics it&#8217;s up for debate.</p><p> <img
src="http://html5gallery.com/wp-content/uploads/2011/07/beerblogging-thumb.jpg" alt="Website Screenshot" /></p><p>URL: <a
href="http://beerblogging.org/">http://beerblogging.org/</a></p>]]></content:encoded> <wfw:commentRss>http://html5gallery.com/2011/08/beerblogging/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Nithin Jacob</title><link>http://html5gallery.com/2011/07/nithin-jacob/</link> <comments>http://html5gallery.com/2011/07/nithin-jacob/#comments</comments> <pubDate>Sat, 30 Jul 2011 08:00:09 +0000</pubDate> <dc:creator>Gerard Druiven</dc:creator> <category><![CDATA[Blog]]></category> <category><![CDATA[Personal]]></category> <category><![CDATA[doctype]]></category> <category><![CDATA[elements]]></category> <guid
isPermaLink="false">http://html5gallery.com/?p=7224</guid> <description><![CDATA[Website of poet Nithin Jacob. Overall a nice clean coded HTML5 website although the charset definition could be much shorter now with HTML5. The section element is being used here as a wrapper, which it shouldn&#8217;t be. If the section &#8230; <a
href="http://html5gallery.com/2011/07/nithin-jacob/">Continue reading <span
class="meta-nav">&#8594;</span></a>]]></description> <content:encoded><![CDATA[<p>Website of poet Nithin Jacob.</p><p>Overall a nice clean coded HTML5 website although the <code>charset </code>definition could be much shorter now with HTML5. The <code>section</code> element is being used here as a wrapper, which it shouldn&#8217;t be. If the section in question has no title, then a <code>div</code> will suffice. Each blog entry is contained within an <code>article</code> with a heading, although the <code>time</code> element could have been used to enclose the blog post time.</p><p>Use could have been made of the new <code>input</code> elements in the guestbook form, and remember that the <code>type</code> attribute is no longer required for <code>script</code> elements.</p><p> <img
src="http://html5gallery.com/wp-content/uploads/2011/07/nithinjacob-thumb.jpg" alt="Website Screenshot" /></p><p>URL: <a
href="http://www.nithinjacob.com/">http://www.nithinjacob.com/</a></p>]]></content:encoded> <wfw:commentRss>http://html5gallery.com/2011/07/nithin-jacob/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>SMS Gratis</title><link>http://html5gallery.com/2011/07/sms-gratis/</link> <comments>http://html5gallery.com/2011/07/sms-gratis/#comments</comments> <pubDate>Tue, 19 Jul 2011 16:11:37 +0000</pubDate> <dc:creator>Gerard Druiven</dc:creator> <category><![CDATA[Blog]]></category> <category><![CDATA[charset]]></category> <category><![CDATA[doctype]]></category> <category><![CDATA[elements]]></category> <guid
isPermaLink="false">http://html5gallery.com/?p=7222</guid> <description><![CDATA[An online, free SMS sending service. The site is built on WordPress and uses several new elements. With a service like this there is opportunity to use type="tel" so it&#8217;s disappointing not to see it being used. URL: http://urbantrash.net/smsgratis/]]></description> <content:encoded><![CDATA[<p>An online, free SMS sending service. The site is built on WordPress and uses several new elements. With a service like this there is opportunity to use <code>type="tel"</code> so it&#8217;s disappointing not to see it being used.</p><p> <img
src="http://html5gallery.com/wp-content/uploads/2011/07/urbantrash-thumb.jpg" alt="Website Screenshot" /></p><p>URL: <a
href="http://urbantrash.net/smsgratis/">http://urbantrash.net/smsgratis/</a></p>]]></content:encoded> <wfw:commentRss>http://html5gallery.com/2011/07/sms-gratis/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Waratsuyoshi</title><link>http://html5gallery.com/2011/07/waratsuyoshi/</link> <comments>http://html5gallery.com/2011/07/waratsuyoshi/#comments</comments> <pubDate>Fri, 08 Jul 2011 17:00:35 +0000</pubDate> <dc:creator>Derek Johnson</dc:creator> <category><![CDATA[Blog]]></category> <category><![CDATA[charset]]></category> <category><![CDATA[doctype]]></category> <category><![CDATA[elements]]></category> <guid
isPermaLink="false">http://html5gallery.com/?p=7072</guid> <description><![CDATA[A blog from Japan on design and other web topics. One notable feature of the site is the use of multiple aside elements in the sidebar, and the use of nested sections within. A glance at the document outline shows &#8230; <a
href="http://html5gallery.com/2011/07/waratsuyoshi/">Continue reading <span
class="meta-nav">&#8594;</span></a>]]></description> <content:encoded><![CDATA[<p>A blog from Japan on design and other web topics.</p><p>One notable feature of the site is the use of multiple <code>aside</code> elements in the sidebar, and the use of nested <code>section</code>s within. A glance at the document outline shows how this is an effective way of marking up this secondary content.</p><p>The posts on the home page use a <code>section</code> element to wrap the content immediately inside the <code>article</code>, but a <code>div</code> would do a better job as it is semantically meaningless.</p><p> <img
src="http://html5gallery.com/wp-content/uploads/2011/07/waratsuyoshi-thumb.jpg" alt="Website Screenshot" /></p><p>URL: <a
href="http://waratsuyoshi.jp/">http://waratsuyoshi.jp/</a></p>]]></content:encoded> <wfw:commentRss>http://html5gallery.com/2011/07/waratsuyoshi/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>HTML5 Tuts</title><link>http://html5gallery.com/2011/07/html5-tuts/</link> <comments>http://html5gallery.com/2011/07/html5-tuts/#comments</comments> <pubDate>Wed, 06 Jul 2011 17:00:01 +0000</pubDate> <dc:creator>Derek Johnson</dc:creator> <category><![CDATA[Blog]]></category> <category><![CDATA[audio]]></category> <category><![CDATA[canvas]]></category> <category><![CDATA[charset]]></category> <category><![CDATA[contenteditable]]></category> <category><![CDATA[doctype]]></category> <category><![CDATA[drag and drop]]></category> <category><![CDATA[elements]]></category> <category><![CDATA[forms]]></category> <category><![CDATA[localStorage]]></category> <category><![CDATA[sessionStorage]]></category> <category><![CDATA[svg]]></category> <category><![CDATA[video]]></category> <guid
isPermaLink="false">http://html5gallery.com/?p=7033</guid> <description><![CDATA[An HTML5 tutorial and demo site created by Alex Jones as a university project. Plenty of good demos here on a wide range of HTML5 features and APIs. In one or two places the article element is used without a &#8230; <a
href="http://html5gallery.com/2011/07/html5-tuts/">Continue reading <span
class="meta-nav">&#8594;</span></a>]]></description> <content:encoded><![CDATA[<p>An <abbr>HTML</abbr>5 tutorial and demo site created by Alex Jones as a university project.</p><p>Plenty of good demos here on a wide range of <abbr>HTML</abbr>5 features and <abbr>API</abbr>s. In one or two places the <code>article</code> element is used without a heading as more of a generic wrapper, but overall a great resource and very well put together.</p><p> <img
src="http://html5gallery.com/wp-content/uploads/2011/07/html5tuts-thumb.jpg" alt="Website Screenshot" /></p><p>URL: <a
href="http://www.html5tuts.co.uk/">http://www.html5tuts.co.uk/</a></p>]]></content:encoded> <wfw:commentRss>http://html5gallery.com/2011/07/html5-tuts/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Essen</title><link>http://html5gallery.com/2011/07/essen/</link> <comments>http://html5gallery.com/2011/07/essen/#comments</comments> <pubDate>Tue, 05 Jul 2011 22:13:26 +0000</pubDate> <dc:creator>Derek Johnson</dc:creator> <category><![CDATA[Blog]]></category> <category><![CDATA[charset]]></category> <category><![CDATA[doctype]]></category> <category><![CDATA[wai-aria]]></category> <guid
isPermaLink="false">http://html5gallery.com/?p=7019</guid> <description><![CDATA[An Italian web magazine about fashion and food. The site uses WAI-ARIA roles for accessibility and new HTML5 elements such as header, nav, section, article and footer. There is an opportunity to use the time element on each article, and &#8230; <a
href="http://html5gallery.com/2011/07/essen/">Continue reading <span
class="meta-nav">&#8594;</span></a>]]></description> <content:encoded><![CDATA[<p>An Italian web magazine about fashion and food.</p><p>The site uses <abbr>WAI-ARIA</abbr> roles for accessibility and new <abbr>HTML</abbr>5 elements such as <code>header</code>, <code>nav</code>, <code>section</code>, <code>article</code> and <code>footer</code>. There is an opportunity to use the <code>time</code> element on each article, and new form input types for the search form and comments form.</p><p> <img
src="http://html5gallery.com/wp-content/uploads/2011/07/essen-thumb.jpg" alt="Website Screenshot" /></p><p>URL: <a
href="http://www.essentaste.com/en">http://www.essentaste.com/en</a></p>]]></content:encoded> <wfw:commentRss>http://html5gallery.com/2011/07/essen/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> </channel> </rss>
