<?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; Personal</title> <atom:link href="http://html5gallery.com/category/personal/feed/" rel="self" type="application/rss+xml" /><link>http://html5gallery.com</link> <description>A showcase of sites using HTML5 markup</description> <lastBuildDate>Tue, 07 Feb 2012 22:19:00 +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>Sann-Remy Chea</title><link>http://html5gallery.com/2012/01/sann-remy-chea/</link> <comments>http://html5gallery.com/2012/01/sann-remy-chea/#comments</comments> <pubDate>Tue, 03 Jan 2012 09:00:52 +0000</pubDate> <dc:creator>Gerard Druiven</dc:creator> <category><![CDATA[Personal]]></category> <category><![CDATA[charset]]></category> <category><![CDATA[doctype]]></category> <category><![CDATA[elements]]></category> <guid
isPermaLink="false">http://html5gallery.com/?p=7689</guid> <description><![CDATA[Personal website of developer Sann-Remy Chea, who&#8217;s based in Paris, France. Good use of some of the new structural elements that HTML5 has to offer. Where there are two h elements together, they could be grouped in a hgroup. The section element is sometimes being used for styling purposes only, so a div would be [...]]]></description> <content:encoded><![CDATA[<p>Personal website of developer Sann-Remy Chea, who&#8217;s based in Paris, France.</p><p>Good use of some of the new structural elements that HTML5 has to offer. Where there are two <code>h</code> elements together, they could be grouped in a <code>hgroup</code>. The <code>section</code> element is sometimes being used for styling purposes only, so a <code>div</code> would be more appropriate. The <code>time</code> element could be used to enclose the blog post dates.</p><p>Remember that the <code>script</code> element no longer requires the <code>type</code> attribute.</p><p> <img
src="http://html5gallery.comwp-content/uploads/2012/01/schrea-thumb.jpg" alt="Website Screenshot" /></p><p>URL: <a
href="http://srchea.com/">http://srchea.com/</a></p>]]></content:encoded> <wfw:commentRss>http://html5gallery.com/2012/01/sann-remy-chea/feed/</wfw:commentRss> <slash:comments>2</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 to contain the main content which would be better as a div, and time with [...]]]></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>Rockstar Working</title><link>http://html5gallery.com/2011/10/rockstar-working/</link> <comments>http://html5gallery.com/2011/10/rockstar-working/#comments</comments> <pubDate>Mon, 10 Oct 2011 08:00:06 +0000</pubDate> <dc:creator>Ian</dc:creator> <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=7530</guid> <description><![CDATA[Website of Egyptian web designer and front-end developer, Ahmad Ali. The header contains am unnecessary section element to contain the social media links. The content area is split up into separate areas which are ideal for using the section element, but use divs instead. Remember that the type attribute is no longer required in the [...]]]></description> <content:encoded><![CDATA[<p>Website of Egyptian web designer and front-end developer, Ahmad Ali.</p><p>The <code>header</code> contains am unnecessary <code>section</code> element to contain the social media links. The content area is split up into separate areas which are ideal for using the <code>section</code> element, but use <code>divs</code> instead.</p><p>Remember that the <code>type</code> attribute is no longer required in the <code>link stylesheet</code> element.</p><p> <img
src="http://html5gallery.com/wp-content/uploads/2011/10/rockstarworking-thumb.jpg" alt="Website Screenshot" /></p><p>URL: <a
href="http://www.rockstarworking.com/">http://www.rockstarworking.com/</a></p>]]></content:encoded> <wfw:commentRss>http://html5gallery.com/2011/10/rockstar-working/feed/</wfw:commentRss> <slash:comments>5</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</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 element should have been used instead. Each of the journal and work entries are contained [...]]]></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>Navin Soni</title><link>http://html5gallery.com/2011/10/navin-soni/</link> <comments>http://html5gallery.com/2011/10/navin-soni/#comments</comments> <pubDate>Wed, 05 Oct 2011 08:00:25 +0000</pubDate> <dc:creator>Gerard Druiven</dc:creator> <category><![CDATA[Personal]]></category> <category><![CDATA[Portfolio]]></category> <category><![CDATA[charset]]></category> <category><![CDATA[css3]]></category> <category><![CDATA[doctype]]></category> <category><![CDATA[elements]]></category> <guid
isPermaLink="false">http://html5gallery.com/?p=7459</guid> <description><![CDATA[Personal website of tech enthusiast Navin Soni, based in Kolkata, India. The h1 doesn&#8217;t need to be contained within a hgroup as it&#8217;s on its own, and the same goes for the single h1 elements contained within a header. There are also a number of section elements being used as styling containers where div elements [...]]]></description> <content:encoded><![CDATA[<p>Personal website of tech enthusiast Navin Soni, based in Kolkata, India.</p><p>The <code>h1</code> doesn&#8217;t need to be contained within a <code>hgroup</code> as it&#8217;s on its own, and the same goes for the single <code>h1</code> elements contained within a <code>header</code>. There are also a number of <code>section</code> elements being used as styling containers where <code>div</code> elements would be more appropriate. The <code>article</code> elements in the left <code>aside</code> don&#8217;t make semantic sense, and a <code>div</code> would have sufficed.</p><p> <img
src="http://html5gallery.com/wp-content/uploads/2011/09/navinsoni-thumb3.jpg" alt="Website Screenshot" /></p><p>URL: <a
href="http://navinsoni.in/">http://navinsoni.in/</a></p>]]></content:encoded> <wfw:commentRss>http://html5gallery.com/2011/10/navin-soni/feed/</wfw:commentRss> <slash:comments>2</slash:comments> </item> <item><title>Hira Kumar Maharjan</title><link>http://html5gallery.com/2011/10/hira-kumar-maharjan/</link> <comments>http://html5gallery.com/2011/10/hira-kumar-maharjan/#comments</comments> <pubDate>Tue, 04 Oct 2011 08:00:02 +0000</pubDate> <dc:creator>Gerard Druiven</dc:creator> <category><![CDATA[Personal]]></category> <category><![CDATA[charset]]></category> <category><![CDATA[css3]]></category> <category><![CDATA[doctype]]></category> <category><![CDATA[elements]]></category> <guid
isPermaLink="false">http://html5gallery.com/?p=7457</guid> <description><![CDATA[Website of web designer Hira Kumar Maharjan. The site header is nice and clean, with the primary navigation contained within a nav and the h1 and h2 enclosed within a hgroup. The h1 within the section doesn&#8217;t need to be enclosed within a header element, although there&#8217;s nothing wrong with doing so. Remember that the [...]]]></description> <content:encoded><![CDATA[<p>Website of web designer Hira Kumar Maharjan.</p><p>The site header is nice and clean, with the primary navigation contained within a <code>nav</code> and the <code>h1</code> and <code>h2</code> enclosed within a <code>hgroup</code>. The <code>h1</code> within the <code>section</code> doesn&#8217;t need to be enclosed within a <code>header</code> element, although there&#8217;s nothing wrong with doing so.</p><p>Remember that the <code>type</code> attribute is no longer required in the <code>script</code> and <code>link stylesheet</code> elements.</p><p> <img
src="http://html5gallery.com/wp-content/uploads/2011/09/hirakumar-thumb3.jpg" alt="Website Screenshot" /></p><p>URL: <a
href="http://www.hirakumar.com.np">http://www.hirakumar.com.np</a></p>]]></content:encoded> <wfw:commentRss>http://html5gallery.com/2011/10/hira-kumar-maharjan/feed/</wfw:commentRss> <slash:comments>1</slash:comments> </item> <item><title>Edir Pedro</title><link>http://html5gallery.com/2011/09/edir-pedro/</link> <comments>http://html5gallery.com/2011/09/edir-pedro/#comments</comments> <pubDate>Wed, 28 Sep 2011 08:00:16 +0000</pubDate> <dc:creator>Gerard Druiven</dc:creator> <category><![CDATA[Personal]]></category> <category><![CDATA[Portfolio]]></category> <category><![CDATA[charset]]></category> <category><![CDATA[docytype]]></category> <category><![CDATA[elements]]></category> <guid
isPermaLink="false">http://html5gallery.com/?p=7455</guid> <description><![CDATA[Website of Brazilian based web designer and developer, Edir Pedro. A good example of the nav element being used to contain a number of links rather than a list. The article elements should all have a semantic heading, otherwise a div should be used. The small element could have been used to enclose the main [...]]]></description> <content:encoded><![CDATA[<p>Website of Brazilian based web designer and developer, Edir Pedro.</p><p>A good example of the <code>nav</code> element being used to contain a number of links rather than a list. The <code>article</code> elements should all have a semantic heading, otherwise a <code>div</code> should be used.</p><p>The <code>small</code> element could have been used to enclose the main <code>footer</code> copyright information</p><p> <img
src="http://html5gallery.com/wp-content/uploads/2011/09/edirpedro-thumb3.jpg" alt="Website Screenshot" /></p><p>URL: <a
href="http://edirpedro.com.br/">http://edirpedro.com.br/</a></p>]]></content:encoded> <wfw:commentRss>http://html5gallery.com/2011/09/edir-pedro/feed/</wfw:commentRss> <slash:comments>1</slash:comments> </item> <item><title>Luca Scotto</title><link>http://html5gallery.com/2011/09/luca-scotto/</link> <comments>http://html5gallery.com/2011/09/luca-scotto/#comments</comments> <pubDate>Tue, 27 Sep 2011 08:00:52 +0000</pubDate> <dc:creator>Gerard Druiven</dc:creator> <category><![CDATA[Personal]]></category> <category><![CDATA[charset]]></category> <category><![CDATA[css3]]></category> <category><![CDATA[doctype]]></category> <category><![CDATA[elements]]></category> <guid
isPermaLink="false">http://html5gallery.com/?p=7453</guid> <description><![CDATA[Website of a hairdressers, based in Follonica, Italy. Simple and clean use of basic HTML5 markup such as header, section, footer and nav. The grouped h1 and h2 elements could have been contained within an hgroup and some of the section elements could be replaced with a div as they&#8217;re being used for styling only. [...]]]></description> <content:encoded><![CDATA[<p>Website of a hairdressers, based in Follonica, Italy.</p><p>Simple and clean use of basic HTML5 markup such as <code>header</code>, <code>section</code>, <code>footer</code> and <code>nav</code>.</p><p>The grouped <code>h1</code> and <code>h2</code> elements could have been contained within an <code>hgroup</code> and some of the <code>section</code> elements could be replaced with a <code>div</code> as they&#8217;re being used for styling only. The <code>email</code> input type could have been used in the contact form.</p><p> <img
src="http://html5gallery.com/wp-content/uploads/2011/09/lucascotto-thumb3.jpg" alt="Website Screenshot" /></p><p>URL: <a
href="http://www.lucascotto.it/">http://www.lucascotto.it/</a></p>]]></content:encoded> <wfw:commentRss>http://html5gallery.com/2011/09/luca-scotto/feed/</wfw:commentRss> <slash:comments>2</slash:comments> </item> <item><title>@danielhoggan</title><link>http://html5gallery.com/2011/09/danielhoggan/</link> <comments>http://html5gallery.com/2011/09/danielhoggan/#comments</comments> <pubDate>Mon, 26 Sep 2011 08:00:22 +0000</pubDate> <dc:creator>Gerard Druiven</dc:creator> <category><![CDATA[Personal]]></category> <category><![CDATA[charset]]></category> <category><![CDATA[doctype]]></category> <guid
isPermaLink="false">http://html5gallery.com/?p=7443</guid> <description><![CDATA[Website of Newcastle based SEO and digital marketing enthusiast, Daniel Hoggan. The nav element could have been used to enclose the contact list links, as they are the main navigation of the site. The grouped h1 and h2 elements could have been enclosed within an hgroup. Remember that the type attribute is no longer required [...]]]></description> <content:encoded><![CDATA[<p>Website of Newcastle based SEO and digital marketing enthusiast, Daniel Hoggan.</p><p>The <code>nav</code> element could have been used to enclose the contact list links, as they are the main navigation of the site. The grouped <code>h1</code> and <code>h2</code> elements could have been enclosed within an <code>hgroup</code>.<br
/> 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/09/danielhoggan-thumb3.jpg" alt="Website Screenshot" /></p><p>URL: <a
href="http://www.danielhoggan.co.uk">http://www.danielhoggan.co.uk</a></p>]]></content:encoded> <wfw:commentRss>http://html5gallery.com/2011/09/danielhoggan/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>blending colours</title><link>http://html5gallery.com/2011/09/blending-colours/</link> <comments>http://html5gallery.com/2011/09/blending-colours/#comments</comments> <pubDate>Thu, 15 Sep 2011 08:00:34 +0000</pubDate> <dc:creator>Gerard Druiven</dc:creator> <category><![CDATA[Personal]]></category> <category><![CDATA[charset]]></category> <category><![CDATA[doctype]]></category> <category><![CDATA[elements]]></category> <guid
isPermaLink="false">http://html5gallery.com/?p=7300</guid> <description><![CDATA[Website of designer Przemyslaw Sakrajda. The hgroup element is correctly used (although it needs fixing as it&#8217;s currently left open) but in this case it doesn&#8217;t need to be wrapped in a header. The type attribute is no longer required for the script element. URL: http://blendingcolours.eu]]></description> <content:encoded><![CDATA[<p>Website of designer Przemyslaw Sakrajda.</p><p>The <code>hgroup</code> element is correctly used (although it needs fixing as it&#8217;s currently left open) but in this case it doesn&#8217;t need to be wrapped in a <code>header</code>.</p><p>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/09/blending-colours-thumb.jpg" alt="Website Screenshot" /></p><p>URL: <a
href="http://blendingcolours.eu">http://blendingcolours.eu</a></p>]]></content:encoded> <wfw:commentRss>http://html5gallery.com/2011/09/blending-colours/feed/</wfw:commentRss> <slash:comments>2</slash:comments> </item> </channel> </rss>
