headphono.us

It’s hard to escape the recent chatter about HTML5 all over the development blogs. But it’s also hard to keep up with all the changes in HTML5. That’s where @edr’s amazingly concise and comprehensive list of HTML5 features comes in handy. If you’ve ever asked the question “What is HTML5?” or ever wanted to gain an overall understanding of HTML5 and what the changes mean for developers, this slide deck is essential for you.

Here’s a quick summary for those who don’t have the 10 mins to go through the slides:

HTML5 ~= HTML + CSS + Javascript APIs

HTML

• Semantics (New tags, Link Relations, Microdata)
• Accessibility (ARIA roles)
• Web Forms 2.0 (Input Fields)
• Multimedia (Audio Tag, Video Tag)
• 2D and 3D drawing (Canvas, WebGL)

CSS

• Selectors
• Typography
• Visuals
• Transitions, transforms and animations

JS APIs

• New Selectors
• Client Side Storage (Web SQL Database, App Cache, Web Storage)
• Communication (Web Sockets, Web Workers)
• Desktop experience (Notifications, Drag and Drop API)
• Geolocation