HTML5        @vaibhavkanwal        @anigupta
What is HTML5?HTML + CSS + JSstructure + presentation + behavior
Benefits of HTML5- Semantics- Accessibility- New elements- New APIs
#1 HTML5 Semantics<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">     <!DOCTYPE...
#1 HTML5 Semantics             Understanding HTML5 Semantics : Adobe
#2 HTML5 Accessibility                     ARIA   (Accessible Rich Internet Applications Suite)  ARIA Landmark Roles for D...
#3 HTML5 Elements                           HTML5 Element List : MDN             HTML5 Elements Periodic Table : Josh Duck
#4 HTML5 New APIs OLD                                NEW                                App Cache, Local Storage, Cookies,...
Awesome HTML5 StuffHTML5 Demos - Collection of small examplesHTML Geolocation - Where should I fuckin eat?HTML5 Game - Web...
People to followJeffery ZeldmanPaul IrishDivya ManianChris CoyierLea VerouEthan Marcotte              Awesome Guy #8382837...
Upcoming SlideShare
Loading in...5
×

HTML5 Introduction | What & Why

629

Published on

http://www.meetup.com/UI-UX-front-end-designers/
This Slideshow on HTML5 is an introduction to the benefits of HTML5 and what makes up the new spec of HTML. The meetup was help on 3 March 2013 in New Delhi.
This is part of the UI/UX & front-end developers group on Meetup.com

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
629
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

HTML5 Introduction | What & Why

  1. 1. HTML5 @vaibhavkanwal @anigupta
  2. 2. What is HTML5?HTML + CSS + JSstructure + presentation + behavior
  3. 3. Benefits of HTML5- Semantics- Accessibility- New elements- New APIs
  4. 4. #1 HTML5 Semantics<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <!DOCTYPE html> HTML5 Doctype : Stack Overflow
  5. 5. #1 HTML5 Semantics Understanding HTML5 Semantics : Adobe
  6. 6. #2 HTML5 Accessibility ARIA (Accessible Rich Internet Applications Suite) ARIA Landmark Roles for Document Structure role=”banner” role=”navigation” role=”contentinfo” role=”complementary” Video - How Landmark roles work : Web Monkey
  7. 7. #3 HTML5 Elements HTML5 Element List : MDN HTML5 Elements Periodic Table : Josh Duck
  8. 8. #4 HTML5 New APIs OLD NEW App Cache, Local Storage, Cookies, Plugins etc FileSystem API, Offline/Online Events Ajax, Plugins etc Web SocketsPlugins for Audio/Video Native <audio> & <video>Plugins for 3D Graphics WebGL, Canvas, SVG etc Developer’s Guide to HTML5 APIs
  9. 9. Awesome HTML5 StuffHTML5 Demos - Collection of small examplesHTML Geolocation - Where should I fuckin eat?HTML5 Game - WebGL Example
  10. 10. People to followJeffery ZeldmanPaul IrishDivya ManianChris CoyierLea VerouEthan Marcotte Awesome Guy #83828373Jeremy KeithBrad Frost Vaibhav Kanwal
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×