{"id":184,"date":"2009-06-18T15:13:57","date_gmt":"2009-06-18T20:13:57","guid":{"rendered":"http:\/\/cdf-design.com\/blog\/?p=184"},"modified":"2009-07-21T15:26:38","modified_gmt":"2009-07-21T20:26:38","slug":"examples-of-html-5","status":"publish","type":"post","link":"https:\/\/cdf-design.com\/blog\/2009\/06\/examples-of-html-5\/","title":{"rendered":"Examples of HTML 5"},"content":{"rendered":"

Continuing my little series of upcoming web standards soon to be included in most browsers (only the Steve’s at MS know if IE will include CSS3 & HTML 5), here are some examples of HTML 5 out in the wild. Apple’s Safari browser, and the beta of Firefox support these HTML 5 features.<\/p>\n

Youtube HTML5 Demo<\/a><\/h3>\n

\"Youtube<\/p>\n

Not only does this Youtube demo use <header> & <footer>, <nav>, and <article> tags but it uses the promising <video> tag which eliminates the need for <embed> and <object> tags which require browser plugins to display video in a browser. Google also demonstrates some 3D graphic rendering in the browser, using O3D, an open-source web API for creating rich, interactive 3D applications.<\/p>\n

See the demo here: http:\/\/www.youtube.com\/html5<\/a><\/p>\n

<\/p>\n

The Watchmaker Project<\/a><\/h3>\n

\"audio-player\"<\/a><\/p>\n

This is a design blog for a gentleman named Matthew Pennel, the site is valid HTML 5 and uses CSS2 & 3. What’s most\u00a0interesting\u00a0is the site’s use of HTML 5’s <audio> tag which like the above mentioned <video> tag embeds an audio file into the web page with out the use of browser plugins.<\/p>\n

See the example here: http:\/\/www.thewatchmakerproject.com\/blog\/top-10-albums-of-2008\/<\/a> Just scroll down to the #5 top album Death Magnetic by Metallica to see what the audio player looks like. Read more about it here<\/a>.<\/p>\n

Want to see more examples of HTML 5 sites? Check out html5gallery.com<\/a><\/h3>\n","protected":false},"excerpt":{"rendered":"

Continuing my little series of upcoming web standards soon to be included in most browsers (only the Steve’s at MS know if IE will include CSS3 & HTML 5), here are some examples of HTML 5 out in the wild. Apple’s Safari browser, and the beta of Firefox support these HTML 5 features. Youtube HTML5 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16],"tags":[],"class_list":["post-184","post","type-post","status-publish","format-standard","hentry","category-design"],"_links":{"self":[{"href":"https:\/\/cdf-design.com\/blog\/wp-json\/wp\/v2\/posts\/184","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cdf-design.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cdf-design.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cdf-design.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cdf-design.com\/blog\/wp-json\/wp\/v2\/comments?post=184"}],"version-history":[{"count":12,"href":"https:\/\/cdf-design.com\/blog\/wp-json\/wp\/v2\/posts\/184\/revisions"}],"predecessor-version":[{"id":213,"href":"https:\/\/cdf-design.com\/blog\/wp-json\/wp\/v2\/posts\/184\/revisions\/213"}],"wp:attachment":[{"href":"https:\/\/cdf-design.com\/blog\/wp-json\/wp\/v2\/media?parent=184"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cdf-design.com\/blog\/wp-json\/wp\/v2\/categories?post=184"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cdf-design.com\/blog\/wp-json\/wp\/v2\/tags?post=184"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}