Agenda

Introduction to HTML5 and CSS3

Presented by Joe Lewis

8:30 a.m. - 4:30 p.m.

8:00 a.m.	Refreshments
8:30 a.m.	Interlab: A History of Cooperation Presented by Becky Verastegui, Oak Ridge National Laboratory
8:45 a.m.	Introduction to HTML5 and CSS3 - Part 1 Presented by Joe Lewis, Sandia National Laboratories
12:00 p.m.	Lunch - Results of the 2010 DOE Web Team Survey Presented by Gary Schroeder, Brookhaven National Laboratory \| Abstract How do our DOE web teams differ, what skills are represented, how big are we? We tracked down as many DOE web team managers as we could find, (and who were willing to participate), to answer a simple survey.
1:15 p.m.	Introduction to HTML5 and CSS3 - Part 2 Presented by Joe Lewis, Sandia National Laboratories

Workshop Abstract

HTML5 is the successor to all previous versions of HTML, including the XHTML line. CSS3 is the styling counterpart, providing new ways to easily style content in ways that required image processing in the past. In the near future, all major shipping versions of the major web browsers will fully support HTML5 and CSS3, with most of the support already implemented in current versions. But there's no need to wait; you can start using HTML5 and CSS3 today.

In this course you will learn about:

The new elements and attributes in the core of HTML5 and how you can apply these features today for more semantic and accessible markup.
Extending HTML5 with microformats and RDFa
Drawing and styling dynamic graphic elements using <canvas> and SVG.
How to leverage HTML5's offline storage mechanism, new form controls, and JavaScript APIs in conjunction with geolocation APIs for creating rich and context-aware web applications.
Native video and audio options, and how to bridge HTML5 multimedia while browser vendors duke it out over the specification.
New features in CSS3, including shadows for text and boxes, border radii, web fonts, and animation.
Leveraging HTML5 and CSS3 together for mobile web development, from refactoring existing sites to be more mobile friendly to building native applications built on web technologies.

Attendees are invited to bring a laptop computer to the workshop to participate in the exercises. If you will be participating, make sure your laptop has a good text editor that you are comfortable with, such as TextMate, vim, or Dreamweaver. Most of our examples will work best in Safari or Google Chrome, although it will be great to have Opera, Firefox and/or the IE9 preview installed as well.