This is the P2PU Archive. If you want the current site, go to www.p2pu.org!
HTML5
My recent threads
You haven't posted any discussions yet.
Recently updated threads
- Week 4 - Drag&Drop Sun, 2010-10-17 18:17
- HTML5 Resources Wed, 2010-10-13 22:07
- Two Vids From Google IO 2010 On HTML5 and Chrome Tue, 2010-10-12 15:51
- Week 3 - Forms Sun, 2010-10-10 13:19
- HTML5 Mobile Web Development Tue, 2010-10-05 22:17
HTML5 Resources
Go back to: General discussion
We can use this topic to collect websites and other resources you find useful. So for the start into the first week, here some favorites:
I went to an unconference last night in Ann Arbor, Michigan and a developer from Mozilla on the Bespin project shared the html5rocks site and this compatibility site:
http://caniuse.com/
Here's a good start...
REFERENCES, ARTICLES, TUTORIALS
WC3 Spec
http://www.w3.org/TR/2010/WD-html5-20100624/
HTML5 Doctor (Great reference and tutorials)
http://html5doctor.com/
HTML5 Elements laid out as a periodic table:
http://joshduck.com/periodic-table.html
WHATWG Blog
http://blog.whatwg.org/
WHATWG Mailing list
http://www.whatwg.org/mailing-list
HTML5 Cheatsheet
http://www.smashingmagazine.com/2009/07/06/html-5-cheat-sheet-pdf/
HTML5 Canvas Basics
http://dev.opera.com/articles/view/html-5-canvas-the-basics/
Semantics in HTML5
http://www.alistapart.com/articles/semanticsinhtml5/
VALIDATORS
http://html5.validator.nu/
http://validator.w3.org/unicorn/
http://www.totalvalidator.com/
COMPATIBILITY
http://en.wikipedia.org/wiki/Comparison_of_layout_engines_%28HTML_5%29
http://wiki.whatwg.org/wiki/Implementations_in_Web_browsers
BROWSER TESTS
http://www.html5test.com/
http://html5readiness.com/
EXAMPLES
http://html5demos.com/
http://html5gallery.com/
http://brucelawson.co.uk/tests/html5-forms-demo.html
http://9elements.com/io/projects/html5/canvas/
ADD-ONS
HTML5 Outliner
http://code.google.com/p/h5o/
PEOPLE TO FOLLOW
Ian Hickson
Dave Hyatt
Bruce Lawson
Molly Holzschlag
Rich Clark
John Allsopp
BOOKS
Introducing HTML5
http://www.peachpit.com/store/product.aspx?isbn=0321687299
HTML5 For Designers
http://books.alistapart.com/products/html5-for-web-designers
HTML5 Up and Running
http://www.amazon.com/HTML5-Up-Running-Mark-Pilgrim/dp/0596806027?ie=UTF...
Pro HTML5 Programming
http://www.amazon.com/dp/1430227907/?tag=stackoverfl08-20
I recently came across Paul Irish´s boilerplate.
It is an experimental html5 framework?, based on an html5 doc with javascript support for old browsers, among other things. Really impressive.
There is no production version yet but the current version works nice and smooth. Here is the link:
http://paulirish.com/2010/announcing-html5-boilerplate/
Checking the RSS feed of Ajaxian, I found a collection of articles regarding HTML5 and CSS3.
http://ajaxian.com/
CSS3 Video Tutorial
http://www.youtube.com/watch?v=_nbWikK2nHY
The CSS3Live course in general was pretty good...a nice overview. And, check out John's CSS3 sandbox here:
http://westciv.com/tools/gradients/
It let's you play around with the new properties and generate values. It's especially useful for things like gradients because of the huge differences between webkit and gecko/moz rendering and syntax.
If you haven't seen this demo yet, definitely check it out (especially anybody who is also taking one of the Processing courses).
http://9elements.com/io/projects/html5/canvas/
Interesting website displaying HTML5 and related features. Make sure to check out the Arcade Fire Song.
http://www.chromeexperiments.com/
Article on Smashing Magazine about HTML5:
http://www.smashingmagazine.com/2010/09/23/html5-the-facts-and-the-myths/
Sites with help for HTML5/CSS3 in old browsers:
http://www.modernizr.com/
http://css3generator.com/
http://css3please.com/
http://code.google.com/p/html5shim/
http://code.google.com/p/ie7-js/
http://excanvas.sourceforge.net/
Sources for HTML5 video, its compatibility and website integration:
mirovideoconverter.com
videojs.com
protofunc.com/jme
apiblog.youtube.com/2010/07/new-way-to-embed-youtube-videos.html
Not all browsers support the same video codec, so you can ues the first link to convert you video into the different formats. VideoJS and JME help you to embed videos with a Flash fallback and Youtube gives the possibility to upload the videos and get an iFrame with the support video content.
This time I was not able to post the URLs as links as the spam filter catched them. Direct links with "video" in them seem to trigger this...
A comment on the state of HTML5 and the browsers:
http://www.infoq.com/news/2010/10/HTML5-Is-Not-Production-Ready