links - html5 overview

1. What is HTML5

• Building Web Pages With HTML 5 http://www.webmonkey.com/2010/02/building_web_pages_with_html_5/ What's different about HTML5? The doctype. Semantic structure: tags that mean something. Putting it together. CSS. Compatibility WebMonkey : 2010
• HTML5 differences from HTML4 http://www.w3.org/TR/html5-diff/ "... the differences between HTML 4 and HTML 5 and provides some of the rationale for the changes." This is a technical document, not a how-to! W3C : 2010
• HTML5: The 900-page gorilla with a wide ensemble http://www.peachpit.com/articles/article.aspx?p=1629150 "Miraz Jordan interviews Bruce Lawson and Remy Sharp about their new book, Introducing HTML5, ..." The HTML5 specification is 900 pages! "Fortunately Introducing HTML5 by Bruce Lawson and Remy Sharp is a more modest 224 pages of guidance for web developers." Miraz Jordan - New Riders : September 2010
• Top 5 Developer Questions About HTML5 Answered http://mashable.com/2010/10/14/html5-developer-questions/ "There's been a lot of talk lately about HTML5 and confusion about what it is, what can be done with it today, the best way to learn it, etc." Here are some answers. Paul Gubbay - Mashable : October 2010
• WTF is HTML5 and why we should all care   http://www.focus.com/images/view/11905/ A very nice graphic showing what HTML5 can do, which browsers support what features, and differences between HTML5 and flash. Focus.com : 2010

2a. Feature: Tags for page structure

• Build a HTML5/CSS3 Website Layout Without Images – Part 1 http://www.onextrapixel.com/2010/06/02/build-a-html5-css3-website-layout-without-images–part-1/ All the basics for making a design with HTML5 tags. Marko Randjelovic - One Extra Pixel : 2010
• HTML5 Tags Meaning (The Semantics of HTML5 Structural Elements)   http://catcubed.com/2009/10/15/the-semantics-of-html5-structural-elements/ That is: what the new HTML5 tags mean. "Guidelines I’ve devised based on both the W3C HTML5 specs (I usually refer to the latest draft and then review any differences with the older last published version) and the collective opinions of the various “experts”—not all of whom I agree with. A list of reference links is included at the bottom of this article." CatCubed : October 2009
• Using the HTML5 tags - links   html-html5_using_the_tags-links.html Links to practical how-tos for using the HTML5 tags. Tibetan Geeks : 2010
• Using the HTML5 tags - some how-tos   html-html5/ Some practical how-tos for using the HTML5 tags. Tibetan Geeks : 2010

2b. Feature: Canvas

• HTML5 Canvas Element Guide http://sixrevisions.com/html/canvas-element/ [how-to]
  "This element takes a bit of work to understand and requires more than just static markup and styling." Louis Lazaris - Six Revisions : 2010

2c. Feature: Video

• Video - coming up http://xxx Coming up XX : 2010

2d. Feature: Local storage

• Getting started with HTML5s new local databases' http://www.webdevrefinery.com/forums/topic/5114-wip-html5-local-databases/ "HTML5 client-side databases allow for storage offline and when connection is available, update online." Right now only work in Safari 4, Chrome 5, iPhone/iPad 3.0, Opera 10.5. We use JavaScript (because it runs on the client.) Clear code and explanation, with tutorial of writing a song list app. Renegade - WebDev Refinery : October 2010
• Using Local Storage In HTML5-Capable Browsers http://wwy.smashingmagazine.cum/2010/10/11/local-storage-and-how-to-use-it/ How to store information on a computer to read later, and what you can use that for. Small (too small!) discussion of security issues, and good comments. Christian Hellmann - Smashing Magazine : October 2010

2e. Feature: WebWorkers

• An implausibly illustrated introduction to HTML5 WebWorkers http://wearehugh.com/public/2010/08/html5-web-workers/ This explanation is given as a graphic. It is so good that i almost understand what are WebWorkers! Most of us don't need to even know about this, unless we are professional JavaScript programmers. But it's still interesting to know how it works.
  WebWorkers is a way to run JavaScript faster by running it in "threads." WebWorkers work in all modern browsers (well, as usual not in MeSsIE, but there is a plugin for it: "Google Chrome Frame"). Mark Pilgrim - Dive into Mark : August 2010

2f. Feature: Offline web apps

• Offline web apps - coming up http://xxx With Javascript - Coming up XX : 2010

2g. Feature: Geolocation

• Geolocation - coming up http://xxx Coming up XX : 2010

2h. Feature: Forms

• Fun with HTML5 forms http://thinkvitamin.com/code/fun-with-html5-forms/ [how-to]
  Nice explanations with code and screenshots: placeholder text, required fields, email/web/phone fields, data picker, more. With JavaScript (especially Modernizr) to fall back in older browsers. Richard Shepherd - ThinkVitamin : October 2010
• HTML5 and Even Fancier Forms http://articles.sitepoint.com/article/html5-forms "each browser is implementing the new elements slightly differently, and the most impressive features are yet to be fully ready for prime time. However, if you dig a little deeper, there is untapped potential that you can use right away." Tim Connell - Sitepoint : September 2010

2i. Feature: Microdata

• HTML5 Microdata: Welcome to the Machine http://net.tutsplus.com/tutorials/html-css-techniques/html5-microdata-welcome-to-the-machine/ "Microdata is a subset of making a document have meaning to machines, just as it has meaning to a reader of the document." John Cox - TutsPlus : June 2010
• HTML5 Microdata: Why isn't anyone talking about it? http://briancray.com/2010/09/08/html5-microdata/ "Microdata is a way to add meaningful data to HTML tags. This means that you can tell the a web browser or search engine that an event is an event, a person is a person, and so on." Brian Cray : September 2010
• Microdata: HTML5’s Best-Kept Secret http://www.webmonkey.com/2010/09/microdata-html5s-best-kept-secret/ "The easiest way to understand it is to consider a common use case. Let's say you want list details about a business on your page — the name, address, telephone number and so on. To do that you'll need to use some vocabulary in addition to HTML, since there is no <business> tag. Using microdata, you can create your own custom name/value pairs to define a vocabulary that describes a business listing." Scott Gilbertson - WebMonkey : September 2010
• Rich snippets: testing tool improvements, breacrumbs, and events http://googlewebmastercentral.blogspot.com/2010/09/rich-snippets-testing-tool-improvements.html Special markup using microdata, microformats, or RDFa, to make site info more useful in Google search. Google : September 2010
• Rich Snippets: Using Microdata through Google search http://www.google.com/webmasters/tools/richsnippets Google and rich snippets Google : 2010

3. What can we use now

• How to use HTML5 on your website today http://www.infoworld.com/d/applications/how-use-html5-your-website-today-220 We can use the simpler doctype, meaningful tags like "header" and "nav", smart forms, importing fonts, pretty borders, shadows, and gradients. And get ready for the goodies to come! Dori Smith - InfoWorld : October 2010
• The HTML5 test for your browser http://html5test.com/ "How well does your browser support HTML5?" It checks all the features and gives you score immediately. Niels Leenheer : June 2010
• The Only HTML5 Resources You Need for Getting Up to Speed http://sixrevisions.com/html/the-only-html5-resources-you-need-for-getting-up-to-speed/ "What is HTML5, really? How will it change the jobs of web developers and web designers? Here are 15 web resources to help you on your quest in getting current about the impending technology that’s already being adopted by major web browsers and leveraged in large sites such as Google." Jacob Gube - Six Revisions : 2010
• When can I use... Compatibility tables for features in HTML5, CSS3, SVG and other upcoming web technologies http://caniuse.com/ Has charts showing browsers and what they support; the charts change when you select things in the form." Can I Use : 2010

3a. Tools for compatibility

• Compatibility links compatibility-links.html Scripts, how-tos, and resources for making it all work in different browsers. TibetanGeeks : 2010

4. Discussion

• How HTML 5 Is Already Changing the Web http://www.webmonkey.com/blog/How_HTML_5_Is_Already_Changing_the_Web Explanation. WebMonkey : 2009
• How HTML5 will change the web http://www.infoworld.com/d/developer-world/how-html5-will-change-the-web-080 "HTML5 will spawn richer, more sophisticated Websites while also easing development. Here are nine ways the impact of HTML5 will be felt" Some ways we will use soon, some not til later, or maybe never. Peter Wayner - InfoWorld : October 2010
• Reinventing HTML http://dig.csail.mit.edu/breadcrumbs/node/166 Discussion of coming changes, and HTML 5, by the father of the Web. "Making standards is hard work. Its hard because it involves listening to other people and figuring out what they mean, which means figuring out where they are coming from, how they are using words, and so on. There is the age-old tradeoff for any group as to whether to zoom along happily, in relative isolation, putting off the day when they ask for reviews, or whether to get lots of people involved early on, so a wider community gets on board earlier, with all the time that costs. That's a trade-off which won't go away. ..." Tim Berners-Lee : Nov 2006
• Security a concern as HTML5 gains traction http://threatpost.com/en_us/blogs/experts-worry-about-security-html5-gains-traction-091610 Explanation. Remember that this is about advanced features of HTML, like cache and canvas. As a developer, you're probably not using those (yet); as a user you have no choice. Just something to be aware of. Paul Roberts - ThreatPost : September 2010
• What to expect from HTML5 http://www.infoworld.com/d/developer-world/what-expect-html5-611 "Support for the next generation of HTML is already appearing in today’s browsers and Web pages. Are you ready to take advantage?" Interesting to read. Neil McAllister - InfoWorld : October 2010

more: Where it is all decided

• W3C HTML Working Group http://www.w3.org/html/wg/ This is the "consortium" - the people from companies and organisations who are working out the next version of HTML. Started in March 2007 W3C : 2007
• WHATWG - Web Hypertext Application Technology Working Group http://www.whatwg.org/ This is the other one. The W3C HTML working group and the WHATWG are working on the same specification, with the same editor. WHATWG : 2007

More html info on this site