WebsitesMadeRight.com
HTML5 Resources Round-Up
This continues my series of round-ups on HTML5 that covers the following:
- HTML5 Tutorials
- Canvas
- SVG
- Geolocation
- HTML5 Web Storage
- Web Sockets / Push / Real-Time
- HTML5 Microdata, Microformats, and RDFa
- HTML5 Media Elements
- HTML5 Cheat Sheets
- CSS3
Therefore, these are not included below. It also excludes Mobile Development and Layout Frameworks.
There’s a wiki page on Github of HTML5 Cross Browser Polyfills (aka “The All-In-One Entirely-Not-Alphabetical No-Bullshit Guide to HTML5 Fallbacks”), I recommend that you check there for other resources not found in this series, such as HTML5 Forms – of which I didn’t have anything in addition to what they already have there.
Templates / Starter Kits
- HTML5 Boilerplate (html5boilerplate.com)
- HTML5 and CSS3 starting template (Kamikazemusic.com | December 7th, 2009)
- HTML5 Mini Template ({Carrer web log} | August 25, 2010)
- HTML5 Reset v2 (Monkey Do, LLC)
- HTML5 Starter Pack by Radu Chelariu (Sickdesigner.com)
- Initializr – an HTML5 templates generator to help you get started with your HTML5 project (initializr.com)
- Semantic HTML5 Page Layout (CodeProject)
- SwitchToHTML5 – The HTML5 Framework Generator (switchtohtml5.com)
- The real HTML5 boilerplate (CSS Wizardry)
HTML5 Frameworks / JavaScript Libraries
- 52Framework – First ever HTML5 and CSS3 framework! (cross-browser) (52framework.com)
- via 52 Framework: The First Ever HTML5 and CSS3 Framework (Design Shack)
- HTML 5 innerShiv (jdbartlett)
- via Fix Inserted HTML5 Content with HTML5 innerShiv (css-tricks)
- Modernizr – HTML5 & CSS3 Detection (Modernizr)
- html5shim – HTML5 IE enabling script (Google Project Hosting)
- via HTML5 enabling script (remy sharp’s b:log)
- html5shiv – HTML5 IE enabling script (Project Hosting on Google Code)
- via HTML5 Shiv (John Resig)
- ieCSS – IE Print Protector for Printing HTML5 in Internet Explorer (iecss.com)
- OpenLaszlo | the premier platform for rich internet applications (openlaszlo.org)
- SproutCore – an HTML5 application framework (sproutcore.com)
HTML5 References
- HTML 5 Reference – a complete list of HTML 5 tags (html5tutorial.net)
- HTML 5 Tag Reference (W3Schools.com)
- HTML5 Features at a Glance – A Selection of Supported Features in HTML5 (molly.com)
- HTML5 Glossary of Term Definitions (html5doctor)
- Internet Explorer 9 HTML5 Feature Support Chart (Impressive Webs)
- The Current State of HTML5 Forms – With Feature Support Charts (wufoo.com)
Demos / Experiments
- HTML5 Demos and Examples (html5demos.com)
- HTML5 Gallery | A showcase of sites using HTML5 markup (html5gallery.com)
- HTML5 Labs (Microsoft Corporation)
- HTML5 Showcase: 48 Potential Flash-Killing Demos (Hongkiat.com | Jun 7, 2010)
- HTML5 Studio (HTML5 Rocks)
- HTML5 Watch (Neven Mrgan)
- Speech attribute for input element demo (jeremyselier.com)
HTML5 Tools
- HTML 5 Intellisense In Visual Studio 2010 (DevCurry | October 13, 2010)
- Validating HTML5 with validator.nu and the HTML5Validator Extension for Firefox (456 Berea Street)
- Quality Assurance tools for HTML5 (The WHATWG Blog)
Misc
- HTML5 Rocks – Google’s site for HTML5 Resources (Google)
- Preview of the “Edge Prototype” tool for HTML5 (Adobe Developer Connection RSS Feed)
- Rendera – Online HTML5 Editor to help you learn HTML5 and CSS (rendera.heroku.com)
- The HTML5 test – How well does your browser support HTML5? (html5test.com)
HTML5 and CSS3 Readiness of Popular Browsers Visualized (html5readiness.com)
Beautiful-HTML.png – A Poster on beautiful HTML5 (PNG Image, 2000×2000 pixels) (css-tricks)
Beautiful-HTML.png – A Poster on beautiful HTML5 (PNG Image, 2000×2000 pixels)Related posts:
If you enjoyed this article, please consider sharing it!
The “Beautiful-HTML.png – An HTML5 Poster on beautiful HTML (PNG Image, 2000×2000 pixels) (css-tricks)” file is not saved. That is very terrible form.
Really? I’d be interested to know what is considered better form.
An excellent compilation of resources.
Thank you for taking the time and sharing…
Is WebGL considered part of HTML5? Maybe you could compile a list for WebGL (and tools/games engines for it), too, in the future.
I don’t know if is. I don’t have a lot of info on webGL, this is the best resource in my bookmarks:
http://blog.mozilla.com/gen/2010/10/24/introduction-to-webgl-barcamp-bangkok-4/
Plus one more: PhiloGL
You forgot gaming!
https://gist.github.com/768272
Yeah but it’s a whole different industry, I’m primarily interested in web design for now. Thanks for the good resource!
[...] heute kaum noch herum, auch wenn der kommende Webstandard noch nicht offiziell eingeführt wurde. Im Webdesignblog WebsitesMadeRight.com gibt es deshalb eine große Linksammlung rund um das Thema HT…. Enthalten sind darin beispielsweise Tutorials, Cheat Sheets, Templates, Frameworks, Referenzen, [...]
[...] stellt eine umfangreiche Linksammlung rund um das Thema HTML5 zur Verfügung. Tutorials, Cheat Sheets, Templates, Frameworks, [...]
[...] zu erwähnen. Grund genug also sich mit Markup und Features der neuen HTML Version zu beschäftigen.http://websitesmaderight.com/2011/05/an-html5-resources-round-up Dieser Beitrag wurde unter Allgemein veröffentlicht. Setze ein Lesezeichen auf den [...]
What theme are you using? I really like this.
It’s called Platform by Pagelines.
[...] HTML5 Resources Round-Up – WebsitesMadeRight.com [...]
Where’s the plus 1 button!
No, seriously. +30!
I’ve been reading and digging and researching and when I found your site and link collection, it was like “insert heavenly sound here” thanks
Glad it’s helped you. All this content I got from my feeds in my first post (350+ of The Best Web Design Feeds). Google Reader is awesome way to discover content, the Reader search engine will limit your search to just those sites which can return some quality results that you won’t get on an entire web search, plus you can tag them for later reference.