<?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; Media</title> <atom:link href="http://html5gallery.com/category/media/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>weheart.co.uk</title><link>http://html5gallery.com/2012/02/weheart-co-uk/</link> <comments>http://html5gallery.com/2012/02/weheart-co-uk/#comments</comments> <pubDate>Thu, 02 Feb 2012 22:10:02 +0000</pubDate> <dc:creator>Gerard Druiven</dc:creator> <category><![CDATA[Media]]></category> <category><![CDATA[charset]]></category> <category><![CDATA[doctype]]></category> <category><![CDATA[elements]]></category> <category><![CDATA[wai-aria]]></category> <guid
isPermaLink="false">http://html5gallery.com/?p=7608</guid> <description><![CDATA[We Heart is a lifestyle and design magazine featuring some stunning design from around the world. The markup ticks a few boxes, for example the type attribute is absent from script and link elements, and some WAI-ARIA roles are used. However it seems a find and replace has been done on div with section, and [...]]]></description> <content:encoded><![CDATA[<p>We Heart is a lifestyle and design magazine featuring some stunning design from around the world.</p><p>The markup ticks a few boxes, for example the <code>type</code> attribute is absent from <code>script</code> and <code>link</code> elements, and some <abbr>WAI-ARIA</abbr> roles are used. However it seems a find and replace has been done on <code>div</code> with <code>section</code>, and a look at the document outline shows the effect of this. The humble <a
href="http://html5doctor.com/you-can-still-use-div/"><code>div</code> is still a very useful element</a> when no semantics are required.</p><p> <img
src="http://html5gallery.com/wp-content/uploads/2011/12/weheart-thumb.jpg" alt="Website Screenshot" /></p><p>URL: <a
href="http://www.weheart.co.uk">http://www.weheart.co.uk</a></p>]]></content:encoded> <wfw:commentRss>http://html5gallery.com/2012/02/weheart-co-uk/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Labels and Labeling</title><link>http://html5gallery.com/2011/07/labels-and-labeling/</link> <comments>http://html5gallery.com/2011/07/labels-and-labeling/#comments</comments> <pubDate>Thu, 07 Jul 2011 08:00:17 +0000</pubDate> <dc:creator>Ian</dc:creator> <category><![CDATA[Information]]></category> <category><![CDATA[Media]]></category> <category><![CDATA[charset]]></category> <category><![CDATA[doctype]]></category> <category><![CDATA[elements]]></category> <category><![CDATA[wia-]]></category> <guid
isPermaLink="false">http://html5gallery.com/?p=7041</guid> <description><![CDATA[Website of a magazine for the label, product decoration, web printing and converting industry. Clean use of HTML5 semantic structure here and nice to see the search input type in the header. The homepage is split into a number of headed sections which are enclosed in a div where a section would actually be ideal. [...]]]></description> <content:encoded><![CDATA[<p>Website of a magazine for the label, product decoration, web printing and converting industry.</p><p>Clean use of HTML5 semantic structure here and nice to see the <code>search</code> input type in the <code>header</code>. The homepage is split into a number of headed sections which are enclosed in a <code>div</code> where a <code>section</code> would actually be ideal.</p><p>The blog section has each entry in an <code>article</code> element although the posted date could be contained within a <code>time</code> element. The images in the slider could have made use of the <code>figure</code> element althoguh that&#8217;s not essential.</p><p>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/07/labelsandlabeling-thumb.jpg" alt="Website Screenshot" /></p><p>URL: <a
href="http://www.labelsandlabeling.com/">http://www.labelsandlabeling.com/</a></p>]]></content:encoded> <wfw:commentRss>http://html5gallery.com/2011/07/labels-and-labeling/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Newsweek</title><link>http://html5gallery.com/2010/08/newsweek/</link> <comments>http://html5gallery.com/2010/08/newsweek/#comments</comments> <pubDate>Sat, 14 Aug 2010 13:00:09 +0000</pubDate> <dc:creator>Derek Johnson</dc:creator> <category><![CDATA[Media]]></category> <category><![CDATA[News]]></category> <category><![CDATA[custom data]]></category> <category><![CDATA[doctype]]></category> <category><![CDATA[elements]]></category> <category><![CDATA[wai-aria]]></category> <guid
isPermaLink="false">http://html5gallery.com/?p=4571</guid> <description><![CDATA[The website of the well known current affairs magazine. The h4 above the social links (stay connected with Newsweek) is actually the first &#8211; and highest level &#8211; heading element in the document that is not inside sectioning content, therefore has assumed the role of document title. The Newsweek Now section is well outlined with [...]]]></description> <content:encoded><![CDATA[<p>The website of the well known current affairs magazine.</p><p>The <code>h4</code> above the social links (stay connected with Newsweek) is actually the first &#8211; and highest level &#8211; heading element in the document that is not inside sectioning content, therefore has assumed the role of document title. The Newsweek Now <code>section</code> is well outlined with nested <code>article</code>s, although the <code>aside</code>s could be <code>footer</code>s instead. Most of the content of the site <code>footer</code> would on the other hand qualify as <code>aside</code> content.</p><p> <img
src="http://html5gallery.com/wp-content/uploads/2010/08/newsweek-thumb.jpg" alt="Website Screenshot" /></p><p>URL: <a
href="http://www.newsweek.com/">http://www.newsweek.com/</a></p>]]></content:encoded> <wfw:commentRss>http://html5gallery.com/2010/08/newsweek/feed/</wfw:commentRss> <slash:comments>2</slash:comments> </item> <item><title>Créart Magazine</title><link>http://html5gallery.com/2010/07/creart-magazine/</link> <comments>http://html5gallery.com/2010/07/creart-magazine/#comments</comments> <pubDate>Wed, 28 Jul 2010 05:00:14 +0000</pubDate> <dc:creator>Brian Arnold</dc:creator> <category><![CDATA[Media]]></category> <category><![CDATA[charset]]></category> <category><![CDATA[doctype]]></category> <category><![CDATA[elements]]></category> <guid
isPermaLink="false">http://html5gallery.com/?p=4236</guid> <description><![CDATA[Uses the meta chartset="UTF-8" shortcut. Uses section, aside, dialog, and nav elements. The script tags on the page don&#8217;t include the type attribute. URL: http://www.creart-magazine.fr/]]></description> <content:encoded><![CDATA[<p>Uses the <code>meta chartset="UTF-8"</code> shortcut. Uses <code>section</code>, <code>aside</code>, <code>dialog</code>, and <code>nav</code> elements. The <code>script</code> tags on the page don&#8217;t include the <code>type</code> attribute.</p><p> <img
src="http://html5gallery.com/wp-content/uploads/2010/07/creart-thumb.jpg" alt="Website Screenshot" /></p><p>URL: <a
href="http://www.creart-magazine.fr/">http://www.creart-magazine.fr/</a></p>]]></content:encoded> <wfw:commentRss>http://html5gallery.com/2010/07/creart-magazine/feed/</wfw:commentRss> <slash:comments>1</slash:comments> </item> <item><title>TV Brasil</title><link>http://html5gallery.com/2010/01/tv-brasil/</link> <comments>http://html5gallery.com/2010/01/tv-brasil/#comments</comments> <pubDate>Tue, 05 Jan 2010 14:15:27 +0000</pubDate> <dc:creator>Richard Clark</dc:creator> <category><![CDATA[Media]]></category> <category><![CDATA[News]]></category> <category><![CDATA[doctype]]></category> <category><![CDATA[elements]]></category> <guid
isPermaLink="false">http://html5gallery.com/?p=2425</guid> <description><![CDATA[Television site from Brazil. URL: http://www.tvbrasil.org.br/]]></description> <content:encoded><![CDATA[<p>Television site from Brazil.</p><p> <img
src="http://html5gallery.com/wp-content/uploads/2010/01/tv-brasil-thumb.jpg" alt="Website Screenshot" /></p><p>URL: <a
href="http://www.tvbrasil.org.br/">http://www.tvbrasil.org.br/</a></p>]]></content:encoded> <wfw:commentRss>http://html5gallery.com/2010/01/tv-brasil/feed/</wfw:commentRss> <slash:comments>1</slash:comments> </item> </channel> </rss>
