8. HTML5
IN THE REAL WORLD
Why HTML5 ????
Pros
Better
semantics
Lean code
Improved user experience
Cons
Some
work is needed to accommodate older
browsers
9. Form Enhancements
Placeholder text
Specific text input: email, URL, number,
search
Slider
Date picker
User Agent validation
10. Audio and Video Tag
Video for Everybody code by Kroc Camen
<video width="480" height="270" controls>
<source src="mafSept10Welcome.mp4" type="video/mp4" />
<source src="mafSept10Welcome.ogv" type="video/ogg" />
<object width="480" height="289" type="application/xshockwave-flash" Developer Reference Sites
data="player.swf?&file=mafSept10Welcome.flv”>
<param name="movie"
value="player.swf?&file=mafSept10Welcome.flv&" />
</object>
</video>
FREE!
See http://videojs.com for details and downloads.
12. CSS3
IN THE REAL WORLD
Why CSS3 ????
Pro
Smaller
download
Less JavaScript
Better user experience
Cons
Some
work is needed to accommodate older
browsers
13. CSS Effects
Rounded corners
Gradients
Box and text shadows
Fonts
Transparencies
Multiple background images and border
images
Multiple columns and grid layout
Box sizing
Stroke and outlines
Animation, movement and rotation
Improved selectors