Chris Jobling's Library tagged html →  View Popular, Search in Google

Bucky Roberts (thenewboston.com) introduces the HTML5 family of features and APIs in this YouTube playlist of 53 (so far) 4-5 minute tutorials. As Bucky Says, HTML5 is an evolution of the "HTML Burrito" of HTML, CSS and JavaScript and he has earlier video courses on these as well. I've only watched two episodes, but they seem good quality to me.

Thanks to mrparkin for the recommendation.

html5 eg-253 eg-259 tutorial youtube playlist eg-146 tutorials css javascript html education oer educational resource

Mark Pilgrim wrote Dive Into Python (bookmarked elsewhere in this collection) and here he is writing an emerging O'Reilly Book called "HTML5: up and running" which will be released in a similar way ... in paper with on-line version available under Creative Commons. It is now being maintained by the community.

html5 book free online mark.pilgrim dive.in eg-259 tutorial ebook html resources eg-146 eg-153

Chapter 1 of "Dive into HTML5" the on-line version of Mark Pilgrim's book that will eventually be published as HTML5: Up and Running by Google Press to be published by O'Reilly. I've linked this because it's a very nice potted history of how HTML came to be.

eg-259 eg-146 web standards html xhtml mime mark.pilgrim diveintohtml5 html5

Chapter 2 of Mark Pilgrim's book. This one is interesting in that it is both a discussion on how you might, as a web developer, use JavaScript to detect your customer's browser support for the new HTML5 features, as well as, at the same time, using these/

example testbed browser html5 javascript detection html webdev tutorial reference book mark.pilgrim diveintohtml5 modenizr eg-259

"When we helped to promote the recently released HTML5 Boilerplate in early August, multiple comments were made, which expressed a desire for a full video overview of the template. Thankfully, Paul Irish, the co-creator, recorded a full video walk-through, exclusively for Nettuts+. In this screencast, he meticulously reviews each page, and then further goes on to explain why and when you would use each snippet in your projects.

The product of years of learning, this video is not to be missed! Even if you have no intention of using this template, you’ll still learn an array of helpful techniques. "

eg-259 html5 boilerplate tutorial html css nettuts webdesign guide

"The HTML5 Boilerplate adapted into a WordPress template, including Bruce Lawson's HTML5 blog markup. "

html5 eg-259 webdesign boilerplate html

"Much of HTML 5′s feature set involves JavaScript APIs that make it easier to develop interactive web pages but there are a slew of new elements that allow you extra semantics in your conventional Web 1.0 pages. In order to investigate these, let’s look at marking up a blog."

markup html5 eg-259 webstandards html blog tutorial webdesign howto

Web developer's guide to the HTML5 (draft) standard. Extracted from the editor's draft version of the full standard "This non-normative reference describes the HTML markup language and provides details to help producers of HTML content create documents that conform to the language. It is intended to complement the normative conformance criteria defined in the HTML5: A vocabulary and associated APIs for HTML and XHTML specification, as well as information in related deliverables published by the HTML Working Group and from other sources. By design, this reference does not describe related APIs in detail, nor attempt to explain how implementations that are consumers of HTML content are meant to process documents (those areas are covered by the HTML5 specification itself), nor attempt to also be a tutorial or “how to” authoring guide." Useful for web developers (and students of web development).

webdevelopment developers reference markup html5 eg-259 webstandards html webdesign w3C

" It is necessary to evolve HTML incrementally. The attempt to get the world to switch to XML, including quotes around attribute values and slashes in empty tags and namespaces all at once didn't work." Tim Berners Lee announcing that W3C was dropping development of XHTML 2 to concentrate on the development of HTML5.

eg-259 html html5 xhtml xhtml2 standards TimBernersLee readings webstandards w3c

A new HTML5 showcase from Google - aimed at the promotion of the Chrome Browser but useful nonetheless!

eg-259 html5 tutorial resources html css javascript browser web

Video, slides and transcript from Philippe Le Hégaret of the W3C abot HTML5 and the rest of the family of "open web" standards.

yui.theatre video html html5 markup

Brad Neuberg from Google Developer Programs gives an introduction to HTML 5 to the developers at Yahoo!

web video google design html webdev code standards architecture html5 browser yahoo yui read eg-259 eg-146

I give an introductory course in HTML and web design and for several years I've been insisting on XHTML 1.0 Strict. As the course is coming up again, I've looked around the web for resources on HTML5 and this was one that came up. It seems that my student

html5 html css webdesign webdev canvas sitepoint article eg-259 eg-146 eg-153

Nice little on-line tool that creates the HTML for a generic sort of web document (with header, footer, navigation, content, asides) and creates an HTML/XHTML page with divs and associated CSS ids and a template for the CSS page. Will also generate HTML5

css tools xhtml html markup webdesign design webdev accessify eg-146 eg-259 eg-153

Draft standard (Edited by Ian Hickson of Google, Last Updated 18-Feb-2010): "This specification evolves HTML and its related APIs to ease the authoring of Web-based applications. The most recent additions include a device element to enable video conferenc

html5 html reference w3c standards web webdesign programming whatwg eg-146 eg-153 eg-259

Some demos provided by Google for the I/0 2009 conference. Referenced in Brad Neuberg's video. View source!

demos googleio google development web html html5 demo examples eg-259

The draft recommendation of the forthcoming HTML 5 standard: a standard that finally recognizes that the web is much more than a document mark-up! Supported in Safari 4+, Opera, Firefox 3.1+.

html5 w3c xhtml documentation standards reference web html markup api javascript eg-259

Brad Neuberg of Google has put together a video Introduction to HTML 5 which concentrates on graphics, video, geo-location, database and application data cache and web workers. One for my Internet Technology Students but interesting to anyone who writes t

html html5 video google googledevelopers youtube tutorial introduction eg-259

In my EG-259 module, JavaScript is introduced primarily as a technique form form validation. This "A List Apart" article by LUKE WROBLEWSKI looks at the issue of in-line form validation in some detail should serve as a useful case study. Again, just in ti

eg-259 form web validation ui javascript webdesign html

eg-259 www w3c html html5