{"id":288,"date":"2013-11-01T20:44:59","date_gmt":"2013-11-01T20:44:59","guid":{"rendered":"http:\/\/www.advancedwebhelp.com\/blog\/?p=288"},"modified":"2013-11-02T04:32:03","modified_gmt":"2013-11-02T04:32:03","slug":"8-html5-development-links-you-should-know","status":"publish","type":"post","link":"https:\/\/www.advancedwebhelp.com\/blog\/2013\/8-html5-development-links-you-should-know","title":{"rendered":"10 HTML5 Development Links You Should Know"},"content":{"rendered":"<div id=\"myDoc\">\n<p><a href=\"http:\/\/www.advancedwebhelp.com\/blog\/wp-content\/uploads\/2013\/11\/html5Logo-s.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-323 alignright\" alt=\"HTML5 logo\" src=\"http:\/\/www.advancedwebhelp.com\/blog\/wp-content\/uploads\/2013\/11\/html5Logo-s.png\" width=\"208\" height=\"208\" srcset=\"https:\/\/www.advancedwebhelp.com\/blog\/wp-content\/uploads\/2013\/11\/html5Logo-s.png 208w, https:\/\/www.advancedwebhelp.com\/blog\/wp-content\/uploads\/2013\/11\/html5Logo-s-150x150.png 150w, https:\/\/www.advancedwebhelp.com\/blog\/wp-content\/uploads\/2013\/11\/html5Logo-s-148x148.png 148w, https:\/\/www.advancedwebhelp.com\/blog\/wp-content\/uploads\/2013\/11\/html5Logo-s-31x31.png 31w, https:\/\/www.advancedwebhelp.com\/blog\/wp-content\/uploads\/2013\/11\/html5Logo-s-38x38.png 38w\" sizes=\"auto, (max-width: 208px) 100vw, 208px\" \/><\/a>Get a jumpstart in your <strong>HTML5<\/strong> development. You can reinvent the wheel, or check out these great sites.<\/p>\n<ul>\n<li><label><a href=\"http:\/\/code.google.com\/p\/html5shiv\/\">http:\/\/code.google.com\/p\/html5shiv\/<\/a><\/label> &#8211; html5shiv.js will help make your code be backward compatible with older IE browser. Older browsers don&#8217;t recognize all html5 tags. html5shiv.js creates these tags and improves backwards compatibility.<\/li>\n<li><label><a href=\"http:\/\/modernizr.com\/\">Modernize<\/a><\/label> &#8211; a javascript library that detects HTML 5 and CSS3 features that are available in a browser. Using this library, you can tailor your site to adapt to browsers that do not support all HTML 5 and CSS3 features you would like to use, allowing your site to degrade smoothly.<\/li>\n<li><label><a href=\"http:\/\/html5boilerplate.com\/\">http:\/\/html5boilerplate.com\/<\/a><\/label> &#8211; HTML5boilerplate offers a framework for development with HTML5. No, it does not give you a massive infrastructure to block out areas of the page. html5boilerplate gives you the framework file structure, normalized css, modernizr,jquery, google analytics, remind the visitor to upgrade browser, and more. Remember to look at the preconfigured options that are available at <a href=\"http:\/\/www.initializr.com\/\">Initializr.com<\/a> &#8230; classic, responsive and bootstrap, they may even give you a bigger edge.<!--more--><\/li>\n<li><label><a href=\"http:\/\/html5boilerplate.com\/mobile\/\">http:\/\/html5boilerplate.com\/mobile\/<\/a><\/label> &#8211; the next step up from the standard html5boilerplate, you will find a mobile version &#8230; to help you get started. This boilerplate offers (above the other features of html5 boilerplate); meta tags for hand-held friendly devices, touch icons, zeptos.js (see below), helper.js (with gesture detection and device type handling) screen width detection and more.<\/li>\n<li><label><a href=\"http:\/\/net.tutsplus.com\/tutorials\/html-css-techniques\/the-official-guide-to-html5-boilerplate\/\">http:\/\/net.tutsplus.com\/tutorials\/html-css-techniques\/the-official-guide-to-html5-boilerplate\/<\/a><\/label> &#8211; Find out how to use the html5boilerplates at the official guide to the boilerplate.<\/li>\n<li><label><a href=\"developers.google.com\/speed\/libraries\/devguide#jquery\">developers.google.com\/speed\/libraries\/devguide#jquery<\/a><\/label> &#8211; jQuery, one of the leading JavaScript libraries designed to help simplify your JavaScript tasks.<\/li>\n<li><label><a href=\"http:\/\/zeptojs.com\/\">http:\/\/zeptojs.com\/<\/a><\/label> &#8211; If you have not heard of it, Zeptos is essentially a subset of common jQuery. The goal of zepots is to create a library of typical jQuery features in a small footprint, best for a mobile device. Check out Zeptos for your mobile project.<\/li>\n<li><label><a href=\"developers.google.com\/speed\/libraries\/devguide#jquery\">developers.google.com\/speed\/libraries\/devguide#jquery<\/a><\/label><\/li>\n<li><label><a href=\"http:\/\/www.createjs.com\/#!\/EaselJS\">http:\/\/www.createjs.com\/#!\/EaselJS<\/a> &#8211; If you are working with canvas, you my want to try EaselJS to see if you like this library.<\/label><\/li>\n<li><label><a href=\"http:\/\/kineticjs.com\">http:\/\/kineticjs.com<\/a> &#8211; If you are working with canvas, this library will make animating your canvas graphics quick and easy, though potentially less complete than EaselJS.<\/label><\/li>\n<\/ul>\n<\/div>\n<style type=\"text\/css\"><!--\n#myDoc a { font-weight: bold ; } #myDoc li { margin-bottom: 10px ; } --><span style=\"overflow:hidden;line-height:0px\" data-mce-style=\"overflow:hidden;line-height:0px\" id=\"mce_0_start\" data-mce-type=\"bookmark\"><\/span>\n--><\/style>\n","protected":false},"excerpt":{"rendered":"<p>Get a jumpstart in your HTML5 development. You can reinvent the wheel, or check out these great sites. http:\/\/code.google.com\/p\/html5shiv\/ &#8211; html5shiv.js will help make your code be backward compatible with older IE browser. Older browsers don&#8217;t recognize all html5 tags. html5shiv.js creates these tags and improves backwards compatibility. Modernize &#8211; a javascript library that detects [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-288","post","type-post","status-publish","format-standard","hentry","category-html5"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.advancedwebhelp.com\/blog\/wp-json\/wp\/v2\/posts\/288","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.advancedwebhelp.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.advancedwebhelp.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.advancedwebhelp.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.advancedwebhelp.com\/blog\/wp-json\/wp\/v2\/comments?post=288"}],"version-history":[{"count":2,"href":"https:\/\/www.advancedwebhelp.com\/blog\/wp-json\/wp\/v2\/posts\/288\/revisions"}],"predecessor-version":[{"id":334,"href":"https:\/\/www.advancedwebhelp.com\/blog\/wp-json\/wp\/v2\/posts\/288\/revisions\/334"}],"wp:attachment":[{"href":"https:\/\/www.advancedwebhelp.com\/blog\/wp-json\/wp\/v2\/media?parent=288"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.advancedwebhelp.com\/blog\/wp-json\/wp\/v2\/categories?post=288"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.advancedwebhelp.com\/blog\/wp-json\/wp\/v2\/tags?post=288"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}