Overview

This 2 day course is aimed at who have a basic familiarity with HTML 4 and CSS 2 and want to learn about the new features and possibilities offered by HTML 5 and CSS3. The course offers practical guidance on using the new elements and functionality of HTML 5 and developing sophisticated, dynamic CSS3 stylesheets for both computers and mobile devices.

Course Outline

Introducing HTML5 and CSS3

What is HTML5, How did we get here, Why should I care about HTML5, What is CSS3, Why should I care about CSS3

Markup, HTML5 Style

Introducing The HTML5 Herald, A Basic HTML5 Template, HTML5 FAQ, Defining the Page�s Structure, Structuring The HTML5 Herald

More HTML5 Semantics

A New Perspective on Types of Content, The Document Outline, Breaking News, More New Elements, Changes to Existing Features, Other New Elements and Features, Validating HTML5 Documents

HTML5 Forms

Dependable Tools in Our Toolbox, HTML5 Form Attributes, HTML5 New Form Input Types, Other New Form Controls in HTML5, Changes to Existing Form Controls and Attributes

HTML5 Audio and Video

A Bit of History, The Current State of Play, The Markup, Encoding Video Files for Use on the Web, Creating Custom Controls, What about audio, Accessible Media

Introducing CSS3

Getting Older Browsers on Board, CSS3 Selectors, CSS3 Colors, Putting It into Practice, Rounded Corners: border-radius, Drop Shadows, Text Shadow, More Shadows

CSS3 Gradients and Multiple Backgrounds

Linear Gradients, Radial Gradients, Repeating Gradients, Multiple Background Images, Background Size

CSS3 Transforms and Transitions

Transforms, Transitions, Animations

Embedded Fonts and Multicolumn Layouts

Web Fonts with font-face, CSS3 Multicolumn Layouts, Media Queries

Geolocation, Offline Web Apps, and Web Storage

Geolocation, Offline Web Applications, Web Storage, Additional HTML5 APIs

Canvas, SVG, and Drag and Drop

Canvas, SVG, Drag and Drop