Five top resources to help you master HTML5
If you’re struggling to get to grips with the fifth and latest version of the web’s most popular markup language, fear not: we’ve scoured the web and discovered these five knowledgable gems. Simply click the links, read the info and you’ll be well on your way to building the website of your dreams!
1. HTML Cheat Sheet [https://www.smashingmagazine.com/2009/07/html-5-cheat-sheet-pdf/]
Lovingly provided to you by Smashing Magazine, this handy printable chart keeps tab on all tags currently supported by HTML5, as well as their attributes and whether they are supported in HTML4. Simply print out, pin above your desk and you’ll never be frantically searching Google at 3am for the tag for ‘parameter element’ again!
2. Dive into HTML5 [http://diveintohtml5.info/]
This online book, with insight from developers, should be your go-to tome once you’ve mastered the basics of HTML5. The book is divided into chapters, with tips on, for example, local storage hacks and offline web applications. Check it out, and immerse yourself in the cool design and easy-to-follow instructions.
3. HTML Primers [http://www.htmlgoodies.com/primers/html/]
Been dabbling with CSS for too long and need a complete, but fairly rapid, refresher course in HTML? HTMLGoodies’ Primer page is full of tutorials and fun-to-read articles.
4. A Web Developer’s Guide to HTML5 [https://dev.w3.org/html5/html-author/]
This behemoth of a document effectively functions as the HTML5 stylebook, with example markup, hints and tips providing a guiding light for beginners and seasoned web developers alike.
5. 20 amazing examples of HTML5 [http://www.creativebloq.com/web-design-tips/examples-of-html5-1233547]
In your darkest moments, when you’re really struggling for inspiration and it feels as though HTML5 is laughing at you from the computer screen, pay a visit to Creative Bloq’s HTML5 ‘hall of fame’. It’s full of fantastic examples of HTML5-created sites, with tips from the designers on how they were crafted. It’s good to know that there’s a light at the end of the tunnel, anyway!
Of course, for full effect, it’s best to combine these five resources so you’ve got a grounding in the basic markup language, how to best apply it and also the potential results HTML5 can give. Happy coding!