HTML5 is here and rockin’!
The only bummer is that HTML 5 won’t be completely supported until 2022, but that doesn’t mean we can’t start using it.
Despite Internet Explorer’s boast of HTML5 comparability, Internet Explorer is behind the curve, as Chrome, Firefox and Safari have begun adhering to HTML5 standards at a much greater pace.
No matter where you stand on the use of HTML 5 in everyday web design, the need to learn it is inevitable. You will need to learn HTML 5, that is a fact!
Here are a few great cheat sheets to aid you in your knowledge and use of HTML 5!
Smashing Magazine’s HTML 5 Cheat Sheet by Veign.com
This is an excellent printable cheat sheet that includes current supported tags, descriptions, attributes and support in HTML 4. You can download it here, but if much time has passed since this was posted, head over to the Smashing’s website since they are doing their best to update the cheat sheet when new changes become known.
HTML 5 Canvas Cheat Sheet
This is a bare bones listing of the attributes and methods of the canvas element and the 2D drawing context. Created by Jacob Seidelin, the HTML 5 Canvas Cheat Sheet is a simple two page cheat sheet that is exactly that: a cheat sheet. Download it and take a look, it may be exactly what you’re looking for.
<html> 5 Doctor
I know this isn’t a cheat sheet, it’s more of a reference, but a good one at that. HTML 5 Doctor is a comprehensive reference of elements that are new or have been redefined in HTML 5. You might want to bookmark this one, check it out.
HTML Character Entities Cheat Sheet
Sometimes you need a special character, and AddedBytes has the perfect cheat sheet. When I converted WordPress plugins over to Italian for an Italian client, this would have really came in handy! I quickly learned, just because it’s a key on your keyboard, doesn’t mean the HTML is going to spit it out correctly! This might be a nice download to hide away for future reference. You’ll thank me later!
Color Codes Matching Chart HTML (Convert CMYK, RGB Hex)
LogoOrange has a list of RGB Hex to CMYK. Just “CTRL+F” on your browser to find the RGB Hex code, and you’ll have the CMYK right there! Check it out.
I hope some of these will aid you in your HTML 5 code, if you have any helpful HTML 5 cheat sheets or resources, please, share them in the comments, below!
Marcus Williamson says
So I’m starting to learn a little code man. Should I go ahead and start learning HTML5 off the bat or stick with HTML 4?
Thanks for this too!
Eric Dye says
I bounced your question off 8BIT‘s most excellent code pro, Tom.
He said:
🙂
Marcus Williamson says
Cools man. Dude, I’m so basic right now it’s hilarious. Unless you have a better site to learn from; here’s what I got: http://www.arachnoid.com/lutusp/html_tutor.html