HTML5Everything that makes the web sing. Shaify Mehtahttp://www.shaify.com
AgendaAgenda • Introduction to HTML5. • New Elements . • New Features. • Browser Supports. • Tutorials. • Live demos.
Who am I?Who Am I ? Who am I?
Who am I?Who Am I ? HTML5* Web Development to the next level *Including other next generation technologies of the Web Development stack
HTML5Who Am I ? HTML5 ~= HTML + CSS + JS
New Features We intend to develop a service which is a blend of all above said services. This is saves the hassles of maintaining different user accounts for different services. Our website will be comprising of 1. Photo Sharing 2. Video Sharing 3. Document Sharing New Feautures
Canvas Element Continued….CanvasElement
Audio & Video Audio& Video
Audio & Video Continued….. • Today, most audio & videos are played through a plugin Audio& Video (like flash). However, not all browsers have the same plugins. • HTML5 specifies a standard way to include these, with the audio & video elements. • <audio src="song.ogg“ controls="controls“ > </audio> • <video src="movie.ogg“ controls="controls"> </video>
Attributes : video Audio& Video
Browser supportsBrowser Video :Supports •Ogg = Ogg files with Theora video codec and Vorbis audio codec •MPEG4 = MPEG 4 files with H.264 video codec and AAC audio codec •WebM = WebM files with VP8 video codec and Vorbis audio codec Audio :
New Elements NewElements
New Input Types • Email • Url • NumberNew Input • Range Types • Date pickers (date, month, week, time, datetime, datetime-local) • Search • Color