HTML5 Attributes on HTML5 in 24 Hours

HTML5 Cheat Sheet

Fri, 14 Aug 2015 22:08:43 +0000

I built an HTML5 cheat sheet for myself, so that I could make sure that my tag libraries were up-to-date and so on. And then when I finished, I realized that this might be something you would like too.

It is a PDF file listing all the HTML5 elements, what they are and whether they are new, changed, the same as HTML 4 or gone from the specification (and what you should use instead). I hope you like it!

HTML5 Cheat Sheet PDF

Comments:

jim - Apr 2, 2013

Awesome list! Thanks! One minor gripe, though: The section “Tags not in HTML5” is hard to read due to the dark gray background.

Jennifer Kyrnin - May 0, 2013

Thanks for the feedback. I’ll see if I can fix that.

Dorian Mattar - Nov 1, 2013

Thanks for the cheatSheet, but I have a few comments. 1. Although it’s a “pdf”, it’s not a searchable pdf as it’s an image and not a true pdf. Not so much an issue because it’s alpha and only one page, but still it could have been… 2. The resolution is also not optimum and when magnified for high-resolution monitors, it pixilates. A true pdf would also solve this issue. 3. There is no sample code for each tag, which would make this truly a great cheat sheet. Thanks, Dorian

Bill Waddy - Apr 3, 2014

Thanks for the cheat sheet.

Viraj Lathigara - Mar 4, 2016

Thank you very much for this cheat sheet ! It had been very helpful to me and my friends ! Its my humble request to you to provide one more thing, We want sample codes for each and every tag. Hope you will help us !

Drag and Drop upload–the final step

Mon, 09 Apr 2012 13:00:45 +0000

Many tutorials on drag and drop with HTML5 do everything but the actual upload step. This is because that step requires server interaction and scripting–you can’t just use JavaScript. But the HTML5 Doctors have a way to use XHR2 (xmlHttpRequest) to get the upload done too! Drag and Drop and Automatically Send to Server

Do you want to solve an HTML5 puzzle?

Mon, 06 Jun 2011 01:59:58 +0000

I’ve been working on HTML5 drag and drop this week, and I’ve created a simple puzzle that you can play with in any HTML5 browser: HTML5 Drag and Drop Puzzle

Yes, it’s a pretty easy puzzle, but I do like this photo of my dogs. And it shows you how you can implement HTML5 drag and drop. The full instructions will be in Hour 16 of the book

The start of a simple online HTML editor with HTML5

Sat, 28 May 2011 04:16:16 +0000

I’ve been playing with contenteditable all day today, and let me tell you it’s been fun.

I now have the workings of a simple HTML editor using contenteditable. Just type in your text in the left side, format it with the buttons and see the HTML on the right.

This editor is still in progress, but I was pleased by how its coming along, so I thought I’d share it with you.

If you’re wondering, this editor will be included in Hour 14 of the book.

Comments:

Sandy Brown - Nov 0, 2012

I will be teaching a course ,“Mobile Application Programming” in the spring, using this book. Does anyone have a list of software needed to use this book effectively in a lab? I need to let my IT staff know ahead of time what needs to be downloaded and installed, so the lab can be ready to go by the end of January.

Jennifer Kyrnin - Jan 5, 2013

The first chapter should list the software you need. I may have put that in the preface too. I forget (and the book isn’t handy right now).