HTML 5 Overview

2,934 views

Published on

HTML 5 overview: The new markup, CSS3 basics and JavaScript APIs.

Layout tags, video and geolocation demos: http://bit.ly/iefpjF

Date: June 28, 2011
Presenter: Vangos Pterneas (http://vangos.eu)

Published in: Technology, Design, Education
1 Comment
2 Likes
Statistics
Notes
No Downloads
Views
Total views
2,934
On SlideShare
0
From Embeds
0
Number of Embeds
1,249
Actions
Shares
0
Downloads
37
Comments
1
Likes
2
Embeds 0
No embeds

No notes for slide

HTML 5 Overview

  1. 1. June on the WebVangos Pterneas | Microsoft Student Partner
  2. 2. HTML5 is aboutUser Experience
  3. 3. markup
  4. 4. LAYOUT<meta charset=“utf-8” /><header><aside><footer>
  5. 5. <div id=“header”> <div id=“nav”> <div<div id=“article”> id=“sidebar”><div id=“section”> <div id=“footer”>
  6. 6. <header> <nav><article> <aside><section> <footer>
  7. 7. .css3-box { }I am CSS 3 text!!! CSS 3
  8. 8. .css3-box { box-shadow: 10px 15px 8px black;I am CSS 3 text!!! } CSS 3
  9. 9. .css3-box { box-shadow: 10px 15px 8px black;I am CSS 3 text!!! border-radius: 18px; } CSS 3
  10. 10. .css3-box { box-shadow: 10px 15px 8px black;I am CSS 3 text!!! border-radius: 18px; text-shadow: 2px 5px 3px gray; } CSS 3
  11. 11. .css3-box { box-shadow: 10px 15px 8px black; border-radius: 18px; text-shadow: 2px 5px 3px gray; transform: rotate(5deg); }CSS 3
  12. 12. Lines Shapes Gradients Images TextCANVAS
  13. 13. AUDIO & VIDEO
  14. 14. GEOLOCATION
  15. 15. Thefuture
  16. 16. The futureHTML5 native apps!
  17. 17. Links CSS3.info HTML5 Doctor HTML5 Spec HTML5 Demos Dive into HTML5Visual Studio HTML5 intellisense Visual Studio CSS3 intellisense
  18. 18. Vangos Pterneasvangos.eu/ June on the Web

×