{"id":10323,"date":"2011-08-26T21:01:13","date_gmt":"2011-08-26T13:01:13","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=10323"},"modified":"2022-07-15T17:01:19","modified_gmt":"2022-07-15T09:01:19","slug":"15-html5-experiments","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/15-html5-experiments\/","title":{"rendered":"15 (More) Inspiring HTML5 Experiments"},"content":{"rendered":"<p>Unless you have been living under a rock you will have heard about HTML5. It\u2019s just everywhere now, thanks to the <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/www.apple.com\/hotnews\/thoughts-on-flash\/\">promotion<\/a> of the Apple <strike>CEO<\/strike> ex-CEO Steve Jobs and certain developers who believe that HTML5 can take over Flash.<\/p>\n<p>Well, in fact we don\u2019t see this situation happened yet, but <a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/tag\/html\/\" rel=\"noopener noreferrer\">HTML5<\/a> is really magical in reference to its video capabilities, canvas illustration and animation which work really well and smooth. The fact is that it\u2019s so promising that projects are popping up all over the places that have been made as a way of testing the boundaries of HTML5.<\/p>\n<p>Believe its power or not, we will be showcasing you 15 enlightening experiments which make the best use of HTML5, and guess what, you can experience gravity, music-based animation, and rendering of creatures that just works like creatures!  Have a fun time with them and oops, they\u2019re best served with the latest version of <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/www.mozilla.org\/en-US\/firefox\/new\/\">Mozilla Firefox<\/a> and <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/www.google.com\/chrome\">Google Chrome<\/a>.<\/p>\n<p>Just in case you\u2019re not satisfied with these HTML5 fun, we have more for you!<\/p>\n<ul>\n<li><a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/48-excellent-html5-demos\/\" rel=\"noopener noreferrer\">HTML5: 48 Potential Flash-Killing Demos<\/a><\/li>\n<li><a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/html5-web-applications\/\" rel=\"noopener noreferrer\">HTML5: 19 Potential Web Applications<\/a><\/li>\n<\/ul>\n<h2><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"http:\/\/www.effectgames.com\/demos\/canvascycle\/\">Canvas Cycle<\/a><\/h2>\n<p>A collaborative effort between artist Mark Ferrari and coder Joseph Huckaby, this is a gorgeous collection of moving nature scenes such as forests in winter, seascapes and stormy mountains. They are relaxing to look at and really stunning, with sounds attached to the pictures. If you want a little time to relax from work you can go through these pictures and feel your tension just melt away.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/html5-experiments\/canvas-cycle.jpg\" alt=\"canvas cycle\" width=\"600\" height=\"450\"><\/figure>\n<h2><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/mrdoob.com\/projects\/chromeexperiments\/google-gravity\/\">Google Gravity<\/a><\/h2>\n<p>Another one by the amazing Mr Doob, this one is less interactive than the first but still cool. It gives a basic copy of Google\u2019s main search page. But when you point your cursor the whole page begins to \u2018fall\u2019 until all of them crash at the bottom. The Google logo works as an active link that refreshes the page. A good game for those great companies which hates Google, may be.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/html5-experiments\/google-gravity.jpg\" alt=\"google gravity\" width=\"600\" height=\"423\"><\/figure>\n<h2><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"http:\/\/kennethjorgensen.com\/canvas\/tree.html\">Canvas Trees<\/a><\/h2>\n<p>Made by Kenneth Jorgenson, this might be the only place you can see the phrase \u2018Refresh for more delicious trees :)\u2019. It is exactly what it says: you click on the website and it takes you to a white background. A black ink drawing of a tree will begin to \u2018grow\u2019 while counting on how many branches are in progress. You can refresh to see as many times as you wish.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/html5-experiments\/canvas-trees.jpg\" alt=\"canvas trees\" width=\"600\" height=\"269\"><\/figure>\n<h2><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/hakim.se\/experiments\/html5\/magnetic\/02\/\">Magnetic<\/a><\/h2>\n<p>This is another fun and addictive one for you to enjoy. You basically start out with a couple of \u2018magnets\u2019 that can be dragged around the screen. Particles of light orbit around them and if you shift positions you can change the shapes they make. If you want more magnets and particles you just double click and drag them to where you want them. Yes, it\u2019s all about magnets and physics!<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/html5-experiments\/magnetic.jpg\" alt=\"magnetic\" width=\"600\" height=\"412\"><\/figure>\n<h2>Celebrity Earnings Graph<\/h2>\n<p>Want to see a visual representation of how much television celebrities earn per episode? This is a cool little graph that shows stacks of color bars which represents how much a specific celebrity makes per taping of a television show (or made, in cases like Charlie Sheen). It was made as one of many projects and experiments by Daniel Rapp.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/html5-experiments\/celebrities-earning-graph.jpg\" alt=\"celebrities earning graph\" width=\"600\" height=\"408\"><\/figure>\n<h2>Canvas Ribbon<\/h2>\n<p>Paul Truong made this interesting application that allows you to paint using a constantly moving, multi-colored ribbon across the screen. It makes shapes and designs, and the effect is quite pretty. All you have to do is to drag it across the screen, talking about simplicity eh.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/html5-experiments\/canvas-ribbon.jpg\" alt=\"canvas ribbon\" width=\"600\" height=\"234\"><\/figure>\n<h2><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/madebyevan.com\/webgl-water\/\">WebGL Water<\/a><\/h2>\n<p>Here comes a cool demo using the revolutionizing <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/www.madebyevan.com\/webgl-water\/\">WebGL<\/a> (Web-based Graphics Library), which is best served with <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/www.google.com\/chrome\">Google Chrome<\/a>. With the demo, you can draw on the water to make ripples, or drag the sphere to move it around and press some keyboard keys to set the light direction and toggle gravity, all for witness how the moved object interacts lively with the environment, scarily realistic.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/html5-experiments\/WebGL-Water.jpg\" width=\"600\" height=\"446\" alt=\"webgl water\"><\/figure>\n<h2><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/chrysaora.com\/\">Chrysaora<\/a><\/h2>\n<p>Yet another stunning demo applying the magic of WebGL, which you can see a group of extremely beautiful and most importantly, lively jellyfish moving in the water,  irradiated by the ray of dreamlike sunlight. Witness the period that HTML5 and WebGL brings web to life, best viewed with <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/www.google.com\/chrome\">Google Chrome<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/html5-experiments\/chrysaora.jpg\" width=\"600\" height=\"393\" alt=\"chrysaora\"><\/figure>\n<h2>Voxel Rain<\/h2>\n<p>Voxel rain means multi-colored 3D boxes descends to form a rotating big block. It\u2019s like showcasing the possibilities of computer in 1990s, and now it comes to web browser by utilizing the power of HTML5, the brightest era of internet is not more far.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/html5-experiments\/voxelrain.jpg\" width=\"600\" height=\"500\" alt=\"voxelrain\"><\/figure>\n<h2><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/www.html5rocks.com\/en\/tutorials\/canvas\/texteffects\/\">HTML5 Text Effects<\/a><\/h2>\n<p>Often we web designer wonder how much possibilities HTML5 can really helps us to breakthrough in web typography, and this demo gives you the answer, more than ever! You can choose to witness stereoscopic effect, neon effect, or even moving neon effect, the future of web typography is in the hand of HTML5.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/html5-experiments\/html5-text-effect.jpg\" width=\"600\" height=\"268\" alt=\"html5 text effect\"><\/figure>\n<h2><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/www.kevs3d.co.uk\/dev\/html5logo\/\">Spinning HTML5 Logo<\/a><\/h2>\n<p>I just can\u2019t hold the glory of HTML5, it\u2019s spinning, it\u2019s rotating\u2026 it\u2019s cool.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/html5-experiments\/spinning-html5-logo.jpg\" width=\"600\" height=\"450\" alt=\"HTML5 logo\"><\/figure>\n<h2><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/hakim.se\/experiments\/html5\/sketch\/#786af119\">Sketching in 3D<\/a><\/h2>\n<p>Bored of HTML5-based 2D sketching service? Check this out. Simply draw a line, and press <span class=\"key\">Space<\/span> then drag left or right, and you will see your drawing rotating in 3D perspective. 3D sketching is not more complicated with HTML5.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/html5-experiments\/sketching-in-3d.jpg\" width=\"600\" height=\"333\" alt=\"sketching in 3d\"><\/figure>\n<h2><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"http:\/\/www.mta.me\/\">mta.me Conductor<\/a><\/h2>\n<p>Mta.me Conductor inspires you by spawning points that will move continually to form lines, and when the lines \u201ccollide\u201d to each other they will triggered some interaction. All to prove that HTML5 is not just about code but interaction, and that\u2019s what web users really care for.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/html5-experiments\/mta.jpg\" width=\"600\" height=\"400\" alt=\"mta\"><\/figure>\n<h2>Doogle Gmail<\/h2>\n<p>An interesting shooter type game but the hero is Gmail, free it from the evils!  Just like the classic shooter game, you got the life, score, and the almighty laser beam. Probably one of the potential demos to showcase the capabilities of HTML5 doing as a game. Watch out, Flash.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/html5-experiments\/doogle-gmail.jpg\" width=\"600\" height=\"370\" alt=\"doogle gmail\"><\/figure>\n<h2><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/github.com\/jfd\/wpilot\">W Pilot<\/a><\/h2>\n<p>This is such an addictive game that it should be illegal. Seriously, once you sign into one of their servers you will want to play for hours. You are basically flying around shooting things while avoiding getting shot by other players. It is simple and so fun to play, and the fact that it allows for a multiplayer experience is a serious plus that puts it above Flash games that are so popular right now.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/html5-experiments\/wpilot.jpg\" alt=\"wpilot\" width=\"600\" height=\"375\"><\/figure>","protected":false},"excerpt":{"rendered":"<p>Unless you have been living under a rock you will have heard about HTML5. It\u2019s just everywhere now, thanks to the promotion of the Apple CEO ex-CEO Steve Jobs and certain developers who believe that HTML5 can take over Flash. Well, in fact we don\u2019t see this situation happened yet, but HTML5 is really magical&hellip;<\/p>\n","protected":false},"author":33,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3392,3398],"tags":[506,205],"topic":[4520,4521],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>15 (More) Inspiring HTML5 Experiments - Hongkiat<\/title>\n<meta name=\"description\" content=\"Unless you have been living under a rock you will have heard about HTML5. It&#039;s just everywhere now, thanks to the promotion of the Apple CEO ex-CEO Steve\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hongkiat.com\/blog\/15-html5-experiments\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"15 (More) Inspiring HTML5 Experiments\" \/>\n<meta property=\"og:description\" content=\"Unless you have been living under a rock you will have heard about HTML5. It&#039;s just everywhere now, thanks to the promotion of the Apple CEO ex-CEO Steve\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/15-html5-experiments\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2011-08-26T13:01:13+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-07-15T09:01:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/html5-experiments\/canvas-cycle.jpg\" \/>\n<meta name=\"author\" content=\"Sonia Tracy\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sonia Tracy\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/15-html5-experiments\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/15-html5-experiments\\\/\"},\"author\":{\"name\":\"Sonia Tracy\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/0412992c9a1cb793aded676f4b8846d2\"},\"headline\":\"15 (More) Inspiring HTML5 Experiments\",\"datePublished\":\"2011-08-26T13:01:13+00:00\",\"dateModified\":\"2022-07-15T09:01:19+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/15-html5-experiments\\\/\"},\"wordCount\":1046,\"commentCount\":65,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/15-html5-experiments\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/html5-experiments\\\/canvas-cycle.jpg\",\"keywords\":[\"HTML\",\"web apps\"],\"articleSection\":[\"Coding\",\"Internet\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/15-html5-experiments\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/15-html5-experiments\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/15-html5-experiments\\\/\",\"name\":\"15 (More) Inspiring HTML5 Experiments - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/15-html5-experiments\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/15-html5-experiments\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/html5-experiments\\\/canvas-cycle.jpg\",\"datePublished\":\"2011-08-26T13:01:13+00:00\",\"dateModified\":\"2022-07-15T09:01:19+00:00\",\"description\":\"Unless you have been living under a rock you will have heard about HTML5. It's just everywhere now, thanks to the promotion of the Apple CEO ex-CEO Steve\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/15-html5-experiments\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/15-html5-experiments\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/15-html5-experiments\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/html5-experiments\\\/canvas-cycle.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/html5-experiments\\\/canvas-cycle.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/15-html5-experiments\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"15 (More) Inspiring HTML5 Experiments\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/0412992c9a1cb793aded676f4b8846d2\",\"name\":\"Sonia Tracy\",\"description\":\"Sonia is the content editor for PsPrint and editor of PsPrint Printing and Design Blog.\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/sonia\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"15 (More) Inspiring HTML5 Experiments - Hongkiat","description":"Unless you have been living under a rock you will have heard about HTML5. It's just everywhere now, thanks to the promotion of the Apple CEO ex-CEO Steve","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hongkiat.com\/blog\/15-html5-experiments\/","og_locale":"en_US","og_type":"article","og_title":"15 (More) Inspiring HTML5 Experiments","og_description":"Unless you have been living under a rock you will have heard about HTML5. It's just everywhere now, thanks to the promotion of the Apple CEO ex-CEO Steve","og_url":"https:\/\/www.hongkiat.com\/blog\/15-html5-experiments\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2011-08-26T13:01:13+00:00","article_modified_time":"2022-07-15T09:01:19+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/html5-experiments\/canvas-cycle.jpg","type":"","width":"","height":""}],"author":"Sonia Tracy","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Sonia Tracy","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/15-html5-experiments\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/15-html5-experiments\/"},"author":{"name":"Sonia Tracy","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/0412992c9a1cb793aded676f4b8846d2"},"headline":"15 (More) Inspiring HTML5 Experiments","datePublished":"2011-08-26T13:01:13+00:00","dateModified":"2022-07-15T09:01:19+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/15-html5-experiments\/"},"wordCount":1046,"commentCount":65,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/15-html5-experiments\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/html5-experiments\/canvas-cycle.jpg","keywords":["HTML","web apps"],"articleSection":["Coding","Internet"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/15-html5-experiments\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/15-html5-experiments\/","url":"https:\/\/www.hongkiat.com\/blog\/15-html5-experiments\/","name":"15 (More) Inspiring HTML5 Experiments - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/15-html5-experiments\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/15-html5-experiments\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/html5-experiments\/canvas-cycle.jpg","datePublished":"2011-08-26T13:01:13+00:00","dateModified":"2022-07-15T09:01:19+00:00","description":"Unless you have been living under a rock you will have heard about HTML5. It's just everywhere now, thanks to the promotion of the Apple CEO ex-CEO Steve","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/15-html5-experiments\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/15-html5-experiments\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/15-html5-experiments\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/html5-experiments\/canvas-cycle.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/html5-experiments\/canvas-cycle.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/15-html5-experiments\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"15 (More) Inspiring HTML5 Experiments"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/0412992c9a1cb793aded676f4b8846d2","name":"Sonia Tracy","description":"Sonia is the content editor for PsPrint and editor of PsPrint Printing and Design Blog.","url":"https:\/\/www.hongkiat.com\/blog\/author\/sonia\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-2Gv","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/10323","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/33"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=10323"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/10323\/revisions"}],"predecessor-version":[{"id":50605,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/10323\/revisions\/50605"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=10323"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=10323"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=10323"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=10323"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}