Your SlideShare is downloading. ×
0
Refael Ackermann @alphageeks on HTML5
Refael Ackermann @alphageeks on HTML5
Refael Ackermann @alphageeks on HTML5
Refael Ackermann @alphageeks on HTML5
Refael Ackermann @alphageeks on HTML5
Refael Ackermann @alphageeks on HTML5
Refael Ackermann @alphageeks on HTML5
Refael Ackermann @alphageeks on HTML5
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Refael Ackermann @alphageeks on HTML5

591

Published on

Refael Ackerman overview HTML5 capabilities, current status and future at the Alphageeks meetup. …

Refael Ackerman overview HTML5 capabilities, current status and future at the Alphageeks meetup.

Check us out: http://alphageeks.blogli.co.il/

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
591
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. WTF is HTML 5?<br />
  • 2. Agenda<br />History (When? & Who?)<br />Motivation & Changes (Why? & What?)<br />Examples (How?)<br />
  • 3. History<br />1980-1990 Sir T.B.L. conjures up the WWW including a Hyper Text Markup Language<br /> 1994 – IETF takes over and form an HTML working group<br /> 1995 – HTML 2<br /> 1997 – W3C Takes charge and publishes HTML 3.2<br /> 1998 – HTML 4 – with the three flavors<br /> 2000 – XHTML 1.0<br /> 2001 – XHTML 1.1<br />…<br />Web Hypertext Application Technology Working Group<br /> WHATWG<br /> 2009 – XHTML 2.0 still in draft – W3C closed XHTML 2 working group<br />
  • 4. Motivation & Changes (1)<br />Standardize common patterns<br />DOM Manipulation & Animation<br />autofocus, drag&drop, spellcheck, contenteditable<br />Form input validation<br />&lt;input type=“number | email | url | date …”&gt;<br />Mark up semantics<br />&lt;header&gt; &lt;footer&gt; &lt;nav&gt; &lt;address&gt;<br />microformats<br />
  • 5. Motivation & Changes (2)<br />Promote open technologies<br />&lt;video&gt; &lt;audio&gt; &lt;canvas&gt;<br />Web workers & cross domain communication<br />Web storage<br />
  • 6. Motivation & Changes (3)<br />Innovation<br />New elements & Attributes:<br />&lt;section&gt; &lt;article&gt; &lt;footer&gt; &lt;progress&gt; &lt;nav&gt; &lt;meter&gt; &lt;time&gt; &lt;aside&gt;<br />ping (on a and area) charset (on meta) async (on script)<br />Removed the s##ty elements:<br />&lt;center&gt; &lt;font&gt; &lt;strike&gt; &lt;frameset&gt;<br />Parsing not based on SGML<br />
  • 7. Examples<br />New markup (FF)<br />onhashchange (Chrome)<br />Drag & Drop (FF)<br />New inputs (Opera)<br />Video (Chrome)<br />Content Injection (FF)<br />
  • 8. Links<br />The spec draft<br />What can I use<br />WHATWG Wiki<br />Differences from HTML 4<br />Presentations by WHATWG<br />

×