HTML 5 Deep dive

Venkat subramaniam is giving a deep dive into HTML 5 features.

Presenatation is a todo list in textmate instead of a presentation, which is quite cool.



New HTML 5 tags like section,article,aside,header,footer

CSS 3 Pseudo- classes
nth-of-type(even) and nth-of-type(odd) are new things for changing background for alternate colours.

last-child is special for last row. can be applied for tr and td.

No more classes through each element

Targeted input types
email : input type=email
placeholders :get a clue for placeholders in grayed out manner
placeholder="email@example.com"
autofocus : set focus on field
turning off autocomplete
required
pattern
url
search
number
range min 1 max 10 value
date , datetime,color

Inplace editing : contenteditable

border-radius:10px; ( oval box)

moz-tranform,webkit-transform,transform --> for rotating sections : rotate(degree)

transparencey

box-shadow

dragdrop

Audio and video

Client side data
localStorage is par of window object. its part of a hashMap.
Benefits
local storage,session
offline web apps