1<!DOCTYPE html><html 2lang="en-US"><head><link 3rel='stylesheet' href='http://html5gallery.com/wp-content/plugins/wp-minify/min/?f=wp-content/themes/html5gallery2/style.css,wp-includes/css/dist/block-library/style.min.css,wp-includes/css/classic-themes.min.css,wp-content/plugins/contact-form-7/includes/css/styles.css,wp-content/plugins/wp-pagenavi/pagenavi-css.css&m=1688141427' type='text/css' media='screen' />
3<script type='text/javascript' src='http://html5gallery.com/wp-content/plugins/wp-minify/min/?f=wp-includes/js/jquery/jquery.min.js,wp-includes/js/jquery/jquery-migrate.min.js&m=1688141424'></script>
3 <meta 4charset="UTF-8" /><title>News | HTML5 Gallery</title><meta 5name="keywords" content="html, html5, gallery, showcase, html5 gallery, website gallery, webstandards, information, help, w3c, whatwg, Richard Clark, Rich Clark, design, web design, markup, web development" /><meta 6name="description" content="A showcase of sites using html5 markup, with twin primary aims to help web designers and developers of how to implement html5 into their sites now, and to showcase to browser makers that there are a large number of sites already implementing the language so it should be supported." /><link 7rel="profile" href="http://gmpg.org/xfn/11" /><link 8rel="pingback" href="http://html5gallery.com/xmlrpc.php" /> <!--[if lt IE 9]><style>.secondary-b>div+div+div{float:right;margin-right:0;width:31%}</style>
8<script src="http://html5gallery.com/wp-content/themes/html5gallery2/js/html5.js"></script>
8 <![endif]--><meta 9name='robots' content='max-image-preview:large' /><link 10rel="alternate" type="application/rss+xml" title="HTML5 Gallery » Feed" href="http://html5gallery.com/feed/" /><link 11rel="alternate" type="application/rss+xml" title="HTML5 Gallery » Comments Feed" href="http://html5gallery.com/comments/feed/" /><link 12rel="alternate" type="application/rss+xml" title="HTML5 Gallery » News Category Feed" href="http://html5gallery.com/category/news/feed/" />
12<script type="text/javascript">window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/html5gallery.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.2.13"}}; 13/*! This file is auto-generated */ 14!function(e,a,t){var n,r,o,i=a.createElement("canvas"),p=i.getContext&&i.getContext("2d");function s(e,t){p.clearRect(0,0,i.width,i.height),p.fillText(e,0,0);e=i.toDataURL();return p.clearRect(0,0,i.width,i.height),p.fillText(t,0,0),e===i.toDataURL()}function c(e){var t=a.createElement("script");t.src=e,t.defer=t.type="text/javascript",a.getElementsByTagName("head")[0].appendChild(t)}for(o=Array("flag","emoji"),t.supports={everything:!0,everythingExceptFlag:!0},r=0;r<o.length;r++)t.supports[o[r]]=function(e){if(p&&p.fillText)switch(p.textBaseline="top",p.font="600 32px Arial",e){case"flag":return s("\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!s("\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!s("\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!s("\ud83e\udef1\ud83c\udffb\u200d\ud83e\udef2\ud83c\udfff","\ud83e\udef1\ud83c\udffb\u200b\ud83e\udef2\ud83c\udfff")}return!1}(o[r]),t.supports.everything=t.supports.everything&&t.supports[o[r]],"flag"!==o[r]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[o[r]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener("DOMContentLoaded",n,!1),e.addEventListener("load",n,!1)):(e.attachEvent("onload",n),a.attachEvent("onreadystatechange",function(){"complete"===a.readyState&&t.readyCallback()})),(e=t.source||{}).concatemoji?c(e.concatemoji):e.wpemoji&&e.twemoji&&(c(e.twemoji),c(e.wpemoji)))}(window,document,window._wpemojiSettings);</script>
14 <style type="text/css">img.wp-smiley, 15img.emoji { 16 display: inline !important; 17 border: none !important; 18 box-shadow: none !important; 19 height: 1em !important; 20 width: 1em !important; 21 margin: 0 0.07em !important; 22 vertical-align: -0.1em !important; 23 background: none !important; 24 padding: 0 !important; 25}</style><style id='global-styles-inline-css' type='text/css'>body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
25--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--duotone--dark-grayscale: url('#wp-duotone-dark-grayscale');--wp--preset--duotone--grayscale: url('#wp-duotone-grayscale');--wp--preset--duotone--purple-yellow: url('#wp-duotone-purple-yellow');--wp--preset--duotone--blue-red: url('#wp-duotone-blue-red');--wp--preset--duotone--midnight: url('#wp-duotone-midnight');--wp--preset--duotone--magenta-yellow: url('#wp-duotone-magenta-yellow');--wp--preset--duotone--purple-green: url('#wp-duotone-purple-green');--wp--preset--duotone--blue-orange: url('#wp-duotone-blue-orange');--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
25.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} 26.wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;} 27:where(.wp-block-columns.is-layout-flex){gap: 2em;} 28.wp-block-pullquote{font-size: 1.5em;line-height: 1.6;}</style><link 29rel="https://api.w.org/" href="http://html5gallery.com/wp-json/" /><link 30rel="alternate" type="application/json" href="http://html5gallery.com/wp-json/wp/v2/categories/49" /><link 31rel="EditURI" type="application/rsd+xml" title="RSD" href="http://html5gallery.com/xmlrpc.php?rsd" /><link 32rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://html5gallery.com/wp-includes/wlwmanifest.xml" /><meta 33name="generator" content="WordPress 6.2.13" /><link 34rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://feeds2.feedburner.com/html5gallery" />
34<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2547278354893607" 35 crossorigin="anonymous"></script>
35 </head><body 36class="archive category category-news category-49 two-column right-sidebar"><div 37id="page" class="hfeed"> <header 38role="banner"><div 39class="inner"> <a 40href="http://html5gallery.com" class="logo"> <hgroup><h1>HTML5 Gallery></h1><h2>A showcase of sites using HTML5 markup & API's</h2> </hgroup> </a><ul 41class="top-nav"><li><a 42href="/about/">About</a></li><li><a 43href="/ideas/">Ideas for HTML5 Gallery</a></li><li><a 44href="http://feeds2.feedburner.com/html5gallery"><abbr>RSS</abbr></a></li><li> <a>Doctor Network</a><ul><li><a 45href="http://html5doctor.com/">HTML5 Doctor</a></li><li><a 46href="http://docteurhtml5.com/html5/">Docteur HTML5</a></li></ul></li></ul> <nav 47role="navigation"><h2 class="assistive-text">Main menu</h2> <a 48class="assistive-text" href="#primary" title="Skip to primary content">Skip to primary content</a> <a 49class="assistive-text" href="#secondary" title="Skip to secondary content">Skip to secondary content</a><ul 50id="menu-main-menu" class="menu"><li 51id="menu-item-7777" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-7777"><a 52href="/">Home</a></li><li 53id="menu-item-7776" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7776"><a 54href="http://html5gallery.com/submit-a-site/">Submit a site</a></li></ul> </nav><form 55role="search" method="get" id="searchform" action="http://html5gallery.com/"><fieldset 56class="search"> <label 57for="s" class="assistive-text">Search</label> <input 58type="search" class="field" name="s" id="s" /> <input 59type="submit" class="submit" name="submit" id="searchsubmit" value="Search" /></fieldset></form></div> </header><div 60class="inner main cf"> <section 61id="primary" role="main" class="primary"> <header 62class="page-header"><h1 class="page-title">Category Archives: <span>News</span></h1> </header> <article 63class="gallery-thumb" id="post-4838" class="post-4838 post type-post status-publish format-standard hentry category-blog category-news tag-charset tag-doctype tag-elements"><div> <a 64href="http://html5gallery.com/2010/08/banda-ancha/"><img 65src="/wp-content/uploads/2010/08/movil-thumb.jpg" alt="Banda Ancha" /></a> <footer><ol 66class="post-categories"><li><a 67href="http://html5gallery.com/category/blog/" title="View all posts in Blog" rel="category tag">Blog</a></li><li><a 68href="http://html5gallery.com/category/news/" title="View all posts in News" rel="category tag">News</a></li></ol> </footer></div> <header 69class="entry-header"><h2 class="entry-title"><a 70href="http://html5gallery.com/2010/08/banda-ancha/" rel="bookmark">Banda Ancha</a></h2> <a 71class="url" href="http://bandaancha.eu/">http://bandaancha.eu/</a> </header> <footer><p>Added on <time 72class="entry-date" datetime="2010-08-30T18:00:46+01:00" pubdate>August 30, 2010</time></p> </footer> <aside 73role="complementary"><h3 class="assistive-text">Tags</h3><ol><li><a 74href="http://html5gallery.com/tag/charset/" rel="tag">charset</a></li><li><a 75href="http://html5gallery.com/tag/doctype/" rel="tag">doctype</a></li><li><a 76href="http://html5gallery.com/tag/elements/" rel="tag">elements</a></li></ol> </aside> </article> <article 77class="gallery-thumb" id="post-4571" class="post-4571 post type-post status-publish format-standard hentry category-media category-news tag-custom-data tag-doctype tag-elements tag-wai-aria"><div> <a 78href="http://html5gallery.com/2010/08/newsweek/"><img 79src="/wp-content/uploads/2010/08/newsweek-thumb.jpg" alt="Newsweek" /></a> <footer><ol 80class="post-categories"><li><a 81href="http://html5gallery.com/category/media/" title="View all posts in Media" rel="category tag">Media</a></li><li><a 82href="http://html5gallery.com/category/news/" title="View all posts in News" rel="category tag">News</a></li></ol> </footer></div> <header 83class="entry-header"><h2 class="entry-title"><a 84href="http://html5gallery.com/2010/08/newsweek/" rel="bookmark">Newsweek</a></h2> <a 85class="url" href="http://www.newsweek.com/">http://www.newsweek.com/</a> </header> <footer><p>Added on <time 86class="entry-date" datetime="2010-08-14T14:00:09+01:00" pubdate>August 14, 2010</time></p> </footer> <aside 87role="complementary"><h3 class="assistive-text">Tags</h3><ol><li><a 88href="http://html5gallery.com/tag/custom-data/" rel="tag">custom data</a></li><li><a 89href="http://html5gallery.com/tag/doctype/" rel="tag">doctype</a></li><li><a 90href="http://html5gallery.com/tag/elements/" rel="tag">elements</a></li><li><a 91href="http://html5gallery.com/tag/wai-aria/" rel="tag">wai-aria</a></li></ol> </aside> </article> <article 92class="gallery-thumb" id="post-4030" class="post-4030 post type-post status-publish format-standard hentry category-blog category-news tag-charset tag-doctype tag-elements"><div> <a 93href="http://html5gallery.com/2010/07/sportfan/"><img 94src="/wp-content/uploads/2010/07/sportfan_thumb.jpg" alt="Sportfan" /></a> <footer><ol 95class="post-categories"><li><a 96href="http://html5gallery.com/category/blog/" title="View all posts in Blog" rel="category tag">Blog</a></li><li><a 97href="http://html5gallery.com/category/news/" title="View all posts in News" rel="category tag">News</a></li></ol> </footer></div> <header 98class="entry-header"><h2 class="entry-title"><a 99href="http://html5gallery.com/2010/07/sportfan/" rel="bookmark">Sportfan</a></h2> <a 100class="url" href="http://www.sportfan.pl/">http://www.sportfan.pl/</a> </header> <footer><p>Added on <time 101class="entry-date" datetime="2010-07-18T14:00:12+01:00" pubdate>July 18, 2010</time></p> </footer> <aside 102role="complementary"><h3 class="assistive-text">Tags</h3><ol><li><a 103href="http://html5gallery.com/tag/charset/" rel="tag">charset</a></li><li><a 104href="http://html5gallery.com/tag/doctype/" rel="tag">doctype</a></li><li><a 105href="http://html5gallery.com/tag/elements/" rel="tag">elements</a></li></ol> </aside> </article> <article 106class="gallery-thumb" id="post-3662" class="post-3662 post type-post status-publish format-standard hentry category-blog category-news category-portal tag-charset tag-doctype tag-elements"><div> <a 107href="http://html5gallery.com/2010/05/edilio/"><img 108src="/wp-content/uploads/2010/05/edilio-thumb.jpg" alt="Edilio" /></a> <footer><ol 109class="post-categories"><li><a 110href="http://html5gallery.com/category/blog/" title="View all posts in Blog" rel="category tag">Blog</a></li><li><a 111href="http://html5gallery.com/category/news/" title="View all posts in News" rel="category tag">News</a></li><li><a 112href="http://html5gallery.com/category/portal/" title="View all posts in Portal" rel="category tag">Portal</a></li></ol> </footer></div> <header 113class="entry-header"><h2 class="entry-title"><a 114href="http://html5gallery.com/2010/05/edilio/" rel="bookmark">Edilio</a></h2> <a 115class="url" href="http://www.edilio.it/">http://www.edilio.it/</a> </header> <footer><p>Added on <time 116class="entry-date" datetime="2010-05-11T11:12:51+01:00" pubdate>May 11, 2010</time></p> </footer> <aside 117role="complementary"><h3 class="assistive-text">Tags</h3><ol><li><a 118href="http://html5gallery.com/tag/charset/" rel="tag">charset</a></li><li><a 119href="http://html5gallery.com/tag/doctype/" rel="tag">doctype</a></li><li><a 120href="http://html5gallery.com/tag/elements/" rel="tag">elements</a></li></ol> </aside> </article> <article 121class="gallery-thumb" id="post-3269" class="post-3269 post type-post status-publish format-standard hentry category-commercial category-news tag-doctype tag-elements"><div> <a 122href="http://html5gallery.com/2010/04/detektor-fm/"><img 123src="/wp-content/uploads/2010/04/detektor-thumb.jpg" alt="detektor.fm" /></a> <footer><ol 124class="post-categories"><li><a 125href="http://html5gallery.com/category/commercial/" title="View all posts in Commercial" rel="category tag">Commercial</a></li><li><a 126href="http://html5gallery.com/category/news/" title="View all posts in News" rel="category tag">News</a></li></ol> </footer></div> <header 127class="entry-header"><h2 class="entry-title"><a 128href="http://html5gallery.com/2010/04/detektor-fm/" rel="bookmark">detektor.fm</a></h2> <a 129class="url" href="http://detektor.fm/">http://detektor.fm/</a> </header> <footer><p>Added on <time 130class="entry-date" datetime="2010-04-17T17:46:06+01:00" pubdate>April 17, 2010</time></p> </footer> <aside 131role="complementary"><h3 class="assistive-text">Tags</h3><ol><li><a 132href="http://html5gallery.com/tag/doctype/" rel="tag">doctype</a></li><li><a 133href="http://html5gallery.com/tag/elements/" rel="tag">elements</a></li></ol> </aside> </article> <article 134class="gallery-thumb" id="post-2843" class="post-2843 post type-post status-publish format-standard hentry category-blog category-news category-personal tag-charset tag-doctype tag-elements"><div> <a
135href="http://html5gallery.com/2010/03/spolocnost-via-cassa/"><img 136src="/wp-content/uploads/2010/03/spolocnost-thumb.jpg" alt="SpoloÄnosÅ¥ Via Cassa" /></a> <footer><ol 137class="post-categories"><li><a 138href="http://html5gallery.com/category/blog/" title="View all posts in Blog" rel="category tag">Blog</a></li><li><a 139href="http://html5gallery.com/category/news/" title="View all posts in News" rel="category tag">News</a></li><li><a 140href="http://html5gallery.com/category/personal/" title="View all posts in Personal" rel="category tag">Personal</a></li></ol> </footer></div> <header 141class="entry-header"><h2 class="entry-title"><a 142href="http://html5gallery.com/2010/03/spolocnost-via-cassa/" rel="bookmark">SpoloÄnosÅ¥ Via Cassa</a></h2> <a 143class="url" href="http://www.viacassa.sk/">http://www.viacassa.sk/</a> </header> <footer><p>Added on <time 144class="entry-date" datetime="2010-03-13T16:13:36+01:00" pubdate>March 13, 2010</time></p> </footer> <aside 145role="complementary"><h3 class="assistive-text">Tags</h3><ol><li><a 146href="http://html5gallery.com/tag/charset/" rel="tag">charset</a></li><li><a 147href="http://html5gallery.com/tag/doctype/" rel="tag">doctype</a></li><li><a 148href="http://html5gallery.com/tag/elements/" rel="tag">elements</a></li></ol> </aside> </article> <article 149class="gallery-thumb" id="post-2425" class="post-2425 post type-post status-publish format-standard hentry category-media category-news tag-doctype tag-elements"><div> <a 150href="http://html5gallery.com/2010/01/tv-brasil/"><img 151src="/wp-content/uploads/2010/01/tv-brasil-thumb.jpg" alt="TV Brasil" /></a> <footer><ol 152class="post-categories"><li><a 153href="http://html5gallery.com/category/media/" title="View all posts in Media" rel="category tag">Media</a></li><li><a 154href="http://html5gallery.com/category/news/" title="View all posts in News" rel="category tag">News</a></li></ol> </footer></div> <header 155class="entry-header"><h2 class="entry-title"><a 156href="http://html5gallery.com/2010/01/tv-brasil/" rel="bookmark">TV Brasil</a></h2> <a 157class="url" href="http://www.tvbrasil.org.br/">http://www.tvbrasil.org.br/</a> </header> <footer><p>Added on <time 158class="entry-date" datetime="2010-01-05T14:15:27+01:00" pubdate>January 5, 2010</time></p> </footer> <aside 159role="complementary"><h3 class="assistive-text">Tags</h3><ol><li><a 160href="http://html5gallery.com/tag/doctype/" rel="tag">doctype</a></li><li><a 161href="http://html5gallery.com/tag/elements/" rel="tag">elements</a></li></ol> </aside> </article> <article 162class="gallery-thumb" id="post-2066" class="post-2066 post type-post status-publish format-standard hentry category-news tag-doctype tag-elements"><div> <a 163href="http://html5gallery.com/2009/11/sapo-portugal-online/"><img 164src="/wp-content/uploads/2009/11/sapo-thumb.jpg" alt="SAPO – Portugal Online" /></a> <footer><ol 165class="post-categories"><li><a 166href="http://html5gallery.com/category/news/" title="View all posts in News" rel="category tag">News</a></li></ol> </footer></div> <header 167class="entry-header"><h2 class="entry-title"><a 168href="http://html5gallery.com/2009/11/sapo-portugal-online/" rel="bookmark">SAPO – Portugal Online</a></h2> <a 169class="url" href="http://www.sapo.pt/">http://www.sapo.pt/</a> </header> <footer><p>Added on <time 170class="entry-date" datetime="2009-11-27T09:30:01+01:00" pubdate>November 27, 2009</time></p> </footer> <aside 171role="complementary"><h3 class="assistive-text">Tags</h3><ol><li><a 172href="http://html5gallery.com/tag/doctype/" rel="tag">doctype</a></li><li><a 173href="http://html5gallery.com/tag/elements/" rel="tag">elements</a></li></ol> </aside> </article> </section> <aside 174id="secondary" class="secondary-a" role="complementary"><div><h2 class="aside-title">Sponsors</h2><div 175id="bsap_1243006" class="bsarocks bsap_99f6472d61471cb0423ea4a936354482"></div></div><div><h2 class="aside-title">Categories</h2><li 176class="categories">Categories<ul><li 177class="cat-item cat-item-16"><a 178href="http://html5gallery.com/category/agency/">Agency</a></li><li 179class="cat-item cat-item-3"><a 180href="http://html5gallery.com/category/blog/">Blog</a></li><li 181class="cat-item cat-item-29"><a 182href="http://html5gallery.com/category/bookmarklet/">Bookmarklet</a></li><li 183class="cat-item cat-item-17"><a 184href="http://html5gallery.com/category/brochure/">Brochure</a></li><li 185class="cat-item cat-item-13"><a 186href="http://html5gallery.com/category/browser/">Browser</a></li><li 187class="cat-item cat-item-97"><a 188href="http://html5gallery.com/category/comic/">Comic</a></li><li 189class="cat-item cat-item-52"><a 190href="http://html5gallery.com/category/commercial/">Commercial</a></li><li 191class="cat-item cat-item-122"><a 192href="http://html5gallery.com/category/concept/">Concept</a></li><li 193class="cat-item cat-item-87"><a 194href="http://html5gallery.com/category/directory/">Directory</a></li><li 195class="cat-item cat-item-65"><a 196href="http://html5gallery.com/category/downloads/">Downloads</a></li><li 197class="cat-item cat-item-42"><a 198href="http://html5gallery.com/category/ecommerce/">ECommerce</a></li><li 199class="cat-item cat-item-21"><a 200href="http://html5gallery.com/category/education/">Education</a></li><li 201class="cat-item cat-item-6"><a 202href="http://html5gallery.com/category/events/">Events</a></li><li 203class="cat-item cat-item-36"><a 204href="http://html5gallery.com/category/experimental/">Experimental</a></li><li 205class="cat-item cat-item-64"><a 206href="http://html5gallery.com/category/gallery/">Gallery</a></li><li 207class="cat-item cat-item-32"><a 208href="http://html5gallery.com/category/games/">Games</a></li><li 209class="cat-item cat-item-85"><a 210href="http://html5gallery.com/category/government/">Government</a></li><li 211class="cat-item cat-item-41"><a 212href="http://html5gallery.com/category/information/">Information</a></li><li 213class="cat-item cat-item-28"><a 214href="http://html5gallery.com/category/lifestream/">Lifestream</a></li><li 215class="cat-item cat-item-53"><a 216href="http://html5gallery.com/category/media/">Media</a></li><li 217class="cat-item cat-item-54"><a 218href="http://html5gallery.com/category/messageboard/">Messageboard</a></li><li 219class="cat-item cat-item-55"><a 220href="http://html5gallery.com/category/mobile/">Mobile</a></li><li 221class="cat-item cat-item-48"><a 222href="http://html5gallery.com/category/music/">Music</a></li><li 223class="cat-item cat-item-49 current-cat"><a 224aria-current="page" href="http://html5gallery.com/category/news/">News</a></li><li 225class="cat-item cat-item-4"><a 226href="http://html5gallery.com/category/personal/">Personal</a></li><li 227class="cat-item cat-item-39"><a 228href="http://html5gallery.com/category/podcast/">Podcast</a></li><li 229class="cat-item cat-item-61"><a 230href="http://html5gallery.com/category/portal/">Portal</a></li><li 231class="cat-item cat-item-12"><a 232href="http://html5gallery.com/category/portfolio/">Portfolio</a></li><li 233class="cat-item cat-item-15"><a 234href="http://html5gallery.com/category/product/">Product</a></li><li 235class="cat-item cat-item-134"><a 236href="http://html5gallery.com/category/public/">public</a></li><li 237class="cat-item cat-item-34"><a 238href="http://html5gallery.com/category/scripts/">Scripts</a></li><li 239class="cat-item cat-item-9"><a 240href="http://html5gallery.com/category/social-media/">Social Media</a></li><li 241class="cat-item cat-item-50"><a 242href="http://html5gallery.com/category/travel/">Travel</a></li><li 243class="cat-item cat-item-1"><a 244href="http://html5gallery.com/category/uncategorized/">Uncategorized</a></li><li 245class="cat-item cat-item-120"><a 246href="http://html5gallery.com/category/user-group/">User Group</a></li><li 247class="cat-item cat-item-38"><a 248href="http://html5gallery.com/category/web-app/">Web App</a></li></ul></li></div> </aside> <aside 249class="secondary-b cf" role="complementary"><div><div 250id="bsap_1297010" class="bsarocks bsap_99f6472d61471cb0423ea4a936354482"></div></div><div><h2 class="aside-title"> <a 251href="http://thewebevolved.com">Beginning HTML5 & CSS3</a></h2> <a 252href="http://thewebevolved.com"><img 253class="book" src="http://html5gallery.com/wp-content/uploads/2013/01/web-evolved1.jpg" alt="Cover image of Beginning HTML5 and CSS3: The Web Evolved."></a><p>The Web Evolved: A new book on HTML5 & CSS3 by Richard Clark, Oli Studholme, Christopher Murphy and Divya Manian.</p><p><a 254class="btn" href="http://thewebevolved.com">Buy it now</a></p></div><div><h2 class="aside-title"><a 255href="http://html5doctor.com">HTML5 Doctor</a></h2><p>Have a look at our sister site, HTML5 Doctor for news, views and tutorials about HTML5. With articles by Bruce Lawson, Remy
255Sharp and more.</p><p><a 256class="btn" href="http://html5doctor.com">Visit HTML5 Doctor</a></p></div> </aside></div> <footer 257role="contentinfo"><div 258class="inner"> <img 259class="footer-logo" src="http://html5gallery.com/wp-content/themes/html5gallery2/images/footer-branding.png" alt="HTML5 Gallery" /> <img 260class="badge" src="http://html5gallery.com/wp-content/themes/html5gallery2/images/html5-badge.png" alt="HTML5" /><p><small>This site is licensed under a <a 261href="http://creativecommons.org/licenses/by-nc/2.0/uk/" rel="licence">Creative Commons Attribution-Non-Commercial 2.0</a> share alike license. Feel free to change, reuse modify and extend it. Some authors will retain their copyright on certain articles.</small></p><p><small>Copyright © 2026 HTML5 Gallery. All rights reserved. Branding by <span 262class="vcard"><a 263class="fn url" href="http://olik.co.uk/">Oliver Ker</a></span>.</small></p></div> </footer></div>
263<script type='text/javascript' src='http://html5gallery.com/wp-content/plugins/contact-form-7/includes/js/jquery.form.min.js?ver=3.51.0-2014.06.20' id='jquery-form-js'></script>
vendor: 1 bytes, line 263
263
264<script type='text/javascript' id='contact-form-7-js-extra'> 265/* <![CDATA[ */ 266var _wpcf7 = {"recaptcha":{"messages":{"empty":"Please verify that you are not a robot."}}}; 267/* ]]> */ 268</script>
vendor: 1 bytes, line 268
268
269<script type='text/javascript' src='http://html5gallery.com/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.6.1' id='contact-form-7-js'></script>
269 270 271<!--[if lte IE 8]>
272<script src="http://html5gallery.com/wp-content/themes/html5gallery2/js/selectivizr-min.js"></script>
272 273<![endif]--> 274<!-- BuySellAds.com Ad Code -->
275<script type="text/javascript"> 276(function(){ 277 var bsa = document.createElement('script'); 278 bsa.type = 'text/javascript'; 279 bsa.async = true; 280 bsa.src = '//s3.buysellads.com/ac/bsa.js'; 281 (document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa); 282})(); 283</script>
283 284<!-- END BuySellAds.com Ad Code --> 285 286
287<script type="text/javascript" src="//cdn.fancybar.net/ac/fancybar.js?zoneid=1502&serve=C6ADVKE&placement=html5gallery" id="_fancybar_js"></script>
287 288<!-- Top bar ad script/BSA --> 289 290<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 290-291
290 291<script async src="https://www.googletagmanager.com/gtag/js?id=
291G-MC7YNHMEZ0
vendor: 12 bytes, line 291
291"></script>
292<script> 293
vendor: 134 bytes, lines 293-297
293window.dataLayer = window.dataLayer || []; 294 function gtag(){dataLayer.push(arguments);} 295 gtag('js', new Date()); 296 297 gtag('config', '
297G-MC7YNHMEZ0
vendor: 4 bytes, line 297
297');
298</script>
298 299
300<script type="text/javascript"> 301var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); 302document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); 303</script>
vendor: 1 bytes, line 303
303
304<script type="text/javascript"> 305try { 306var pageTracker = _gat._getTracker("UA-7743057-1"); 307pageTracker._trackPageview(); 308} catch(err) {}</script>
308 309 310</body> 311</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.