The mesmerizer<\/title><br \/>\n<meta http-equiv=\"Content-Type\" content=\"text\/html; charset=UTF-8\"><br \/>\n<script src=\"http:\/\/www.searchenginegenie.com\/web-design\/ga.js\" async=\"\" type=\"text\/javascript\"><\/script><script type=\"text\/javascript\" src=\"http:\/\/www.searchenginegenie.com\/web-design\/jquery-1.js\"><\/script><br \/>\n<script type=\"text\/javascript\" src=\"http:\/\/www.searchenginegenie.com\/web-design\/main-canvas.js\"><\/script><br \/>\n<script type=\"text\/javascript\">\nvar _gaq = _gaq || [];\n_gaq.push(['_setAccount', 'UA-1365544-2']);\n_gaq.push(['_trackPageview']);\n(function() {\nvar ga = document.createElement('script'); ga.type = 'text\/javascript'; ga.async = true;\nvar s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);\n})();\n<\/script><br \/>\n<\/head><br \/>\n<body class=\"mesmerizer\" style=\" background-color:#FFF; margin:0px; padding:0px;\"><br \/>\n<canvas id=\"pixelCanvas\" width=\"500\" height=\"500\" style=\"margin-top:-180px;\"><\/canvas><\/p>\n<div>\n<strong>Mouse Over on grid or type alphabets to see the animations<\/strong><\/p>\n<p><em>(Note: This HTML5 Canvas concept will not work in Internet Explorer)<\/em><\/p>\n<p>Step-1 Open a new HTML document.<br \/>\nStep-2 Paste the below code and save it as led.html.<\/p>\n<p><!DOCTYPE html><br \/>\n <html><head><br \/>\n <title>The mesmerizer<\/title><br \/>\n <meta http-equiv="Content-Type" content="text\/html; charset=UTF-8"><br \/>\n <script src="http:\/\/www.searchenginegenie.com\/web-design\/ga.js" async="" type="text\/javascript"><\/script><script type="text\/javascript" src="http:\/\/www.searchenginegenie.com\/web-design\/jquery-1.js"><\/script><br \/>\n <script type="text\/javascript" src="http:\/\/www.searchenginegenie.com\/web-design\/main-canvas.js"><\/script><br \/>\n <script type="text\/javascript"><br \/>\n var _gaq = _gaq || [];<br \/>\n _gaq.push([‘_setAccount’, ‘UA-1365544-2’]);<br \/>\n _gaq.push([‘_trackPageview’]);<br \/>\n (function() {<br \/>\n var ga = document.createElement(‘script’); ga.type = ‘text\/javascript’; ga.async = true;<br \/>\n var s = document.getElementsByTagName(‘script’)[0]; s.parentNode.insertBefore(ga, s);<br \/>\n })();<br \/>\n <\/script><br \/>\n <\/head><br \/>\n <body class="mesmerizer" style=" background-color:#FFF; margin:0px; padding:0px;"><br \/>\n <canvas id="pixelCanvas" width="500" height="500" style=" top:-150px;"><\/canvas><br><br \/>\n <\/body><\/html>\n<\/p>\n<p>Step-3 Download the below js file and attach it to the html document.<br \/>\n<a href=\"http:\/\/www.searchenginegenie.com\/web-design\/jquery-1.js\">jqeury-1.js<\/a><br \/>\n<a href=\"http:\/\/http:\/\/www.searchenginegenie.com\/web-design\/ga.js\">ga.js<\/a><br \/>\n<a href=\"http:\/\/www.searchenginegenie.com\/web-design\/main-canvas.js\">main-canvas.js<\/a>\n<\/div>\n<p><\/body><\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The mesmerizer Mouse Over on grid or type alphabets to see the animations (Note: This HTML5 Canvas concept will not work in Internet Explorer) Step-1 Open a new HTML document. Step-2 Paste the below code and save it as led.html. <!DOCTYPE html> <html><head> <title>The mesmerizer<\/title> <meta http-equiv="Content-Type" content="text\/html; charset=UTF-8"> <script src="http:\/\/www.searchenginegenie.com\/web-design\/ga.js" async="" type="text\/javascript"><\/script><script type="text\/javascript" src="http:\/\/www.searchenginegenie.com\/web-design\/jquery-1.js"><\/script> […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6,5],"tags":[63,66,65,67,64],"class_list":["post-973","post","type-post","status-publish","format-standard","hentry","category-web-design","category-web-design-tips","tag-html5","tag-led-concept-in-javascript","tag-led-concept-in-js","tag-led-display-in-html5","tag-mesmerizer-in-html5"],"_links":{"self":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/973","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/comments?post=973"}],"version-history":[{"count":107,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/973\/revisions"}],"predecessor-version":[{"id":1069,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/973\/revisions\/1069"}],"wp:attachment":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/media?parent=973"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/categories?post=973"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/tags?post=973"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":973,"date":"2011-10-18T04:50:24","date_gmt":"2011-10-18T08:50:24","guid":{"rendered":"http:\/\/www.searchenginegenie.com\/web-design-blog\/?p=973"},"modified":"2011-10-19T01:16:58","modified_gmt":"2011-10-19T05:16:58","slug":"led-concept-in-html5","status":"publish","type":"post","link":"https:\/\/www.searchenginegenie.com\/web-design-blog\/led-concept-in-html5\/","title":{"rendered":"LED Concept in HTML5"},"content":{"rendered":"

\n
\nThe mesmerizer<\/title><br \/>\n<meta http-equiv=\"Content-Type\" content=\"text\/html; charset=UTF-8\"><br \/>\n<script src=\"http:\/\/www.searchenginegenie.com\/web-design\/ga.js\" async=\"\" type=\"text\/javascript\"><\/script><script type=\"text\/javascript\" src=\"http:\/\/www.searchenginegenie.com\/web-design\/jquery-1.js\"><\/script><br \/>\n<script type=\"text\/javascript\" src=\"http:\/\/www.searchenginegenie.com\/web-design\/main-canvas.js\"><\/script><br \/>\n<script type=\"text\/javascript\">\nvar _gaq = _gaq || [];\n_gaq.push(['_setAccount', 'UA-1365544-2']);\n_gaq.push(['_trackPageview']);\n(function() {\nvar ga = document.createElement('script'); ga.type = 'text\/javascript'; ga.async = true;\nvar s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);\n})();\n<\/script><br \/>\n<\/head><br \/>\n<body class=\"mesmerizer\" style=\" background-color:#FFF; margin:0px; padding:0px;\"><br \/>\n<canvas id=\"pixelCanvas\" width=\"500\" height=\"500\" style=\"margin-top:-180px;\"><\/canvas><\/p>\n<div>\n<strong>Mouse Over on grid or type alphabets to see the animations<\/strong><\/p>\n<p><em>(Note: This HTML5 Canvas concept will not work in Internet Explorer)<\/em><\/p>\n<p>Step-1 Open a new HTML document.<br \/>\nStep-2 Paste the below code and save it as led.html.<\/p>\n<p><!DOCTYPE html><br \/>\n <html><head><br \/>\n <title>The mesmerizer<\/title><br \/>\n <meta http-equiv="Content-Type" content="text\/html; charset=UTF-8"><br \/>\n <script src="http:\/\/www.searchenginegenie.com\/web-design\/ga.js" async="" type="text\/javascript"><\/script><script type="text\/javascript" src="http:\/\/www.searchenginegenie.com\/web-design\/jquery-1.js"><\/script><br \/>\n <script type="text\/javascript" src="http:\/\/www.searchenginegenie.com\/web-design\/main-canvas.js"><\/script><br \/>\n <script type="text\/javascript"><br \/>\n var _gaq = _gaq || [];<br \/>\n _gaq.push([‘_setAccount’, ‘UA-1365544-2’]);<br \/>\n _gaq.push([‘_trackPageview’]);<br \/>\n (function() {<br \/>\n var ga = document.createElement(‘script’); ga.type = ‘text\/javascript’; ga.async = true;<br \/>\n var s = document.getElementsByTagName(‘script’)[0]; s.parentNode.insertBefore(ga, s);<br \/>\n })();<br \/>\n <\/script><br \/>\n <\/head><br \/>\n <body class="mesmerizer" style=" background-color:#FFF; margin:0px; padding:0px;"><br \/>\n <canvas id="pixelCanvas" width="500" height="500" style=" top:-150px;"><\/canvas><br><br \/>\n <\/body><\/html>\n<\/p>\n<p>Step-3 Download the below js file and attach it to the html document.<br \/>\n<a href=\"http:\/\/www.searchenginegenie.com\/web-design\/jquery-1.js\">jqeury-1.js<\/a><br \/>\n<a href=\"http:\/\/http:\/\/www.searchenginegenie.com\/web-design\/ga.js\">ga.js<\/a><br \/>\n<a href=\"http:\/\/www.searchenginegenie.com\/web-design\/main-canvas.js\">main-canvas.js<\/a>\n<\/div>\n<p><\/body><\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The mesmerizer Mouse Over on grid or type alphabets to see the animations (Note: This HTML5 Canvas concept will not work in Internet Explorer) Step-1 Open a new HTML document. Step-2 Paste the below code and save it as led.html. <!DOCTYPE html> <html><head> <title>The mesmerizer<\/title> <meta http-equiv="Content-Type" content="text\/html; charset=UTF-8"> <script src="http:\/\/www.searchenginegenie.com\/web-design\/ga.js" async="" type="text\/javascript"><\/script><script type="text\/javascript" src="http:\/\/www.searchenginegenie.com\/web-design\/jquery-1.js"><\/script> […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6,5],"tags":[63,66,65,67,64],"class_list":["post-973","post","type-post","status-publish","format-standard","hentry","category-web-design","category-web-design-tips","tag-html5","tag-led-concept-in-javascript","tag-led-concept-in-js","tag-led-display-in-html5","tag-mesmerizer-in-html5"],"_links":{"self":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/973","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/comments?post=973"}],"version-history":[{"count":107,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/973\/revisions"}],"predecessor-version":[{"id":1069,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/973\/revisions\/1069"}],"wp:attachment":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/media?parent=973"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/categories?post=973"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/tags?post=973"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}