Litt om<br />HTML 5 & CSS 3<br />Millad Dagdoni<br />Accenture<br />
HTML 5<br />Lage en web app<br />
<div id = ”header”><br /><div id = ”nav” ><br /><div id =  ”aside” ><br /><div id = ”article”><br /><div class = ”section”...
<div id = ”header”><br /><div id = ”nav” ><br /><div id =  ”aside” ><br /><div id = ”article”><br /><div class = ”section”...
<header><br /><nav><br /><aside><br /><article><br /><section><br /><footer><br />
Side.html<br />
DoctypeXHTML 1.0<br /><!DOCTYPE html PUBLIC »<br /> “-//W3C//DTD XHTML 1.0 Strict //EN” »<br /> “http://www.w3.org/TR/xhtm...
DoctypeHTML5<br /><!DOCTYPE html><br />
Offline Application Caching<br />Video<br />LocalStorage<br />Canvas<br />WebWorkers<br />…<br />
<video<br />src="test.[Ogg,mpeg-4,webM]“<br />autoplay="autoplay”<br /> controls="controls"><br /></video><br />
CSS 3<br />Mindre Photoshop<br />
Opacity<br />RGBA Color<br />box-shadow<br />text-shadow<br />border-radius<br />TRANSFORMATION<br />( rotate, scale, tran...
chrome.angrybirds.com<br />
JavaScript<br />jQuery eller Sencha Touch<br />HTML5 / CSS3<br />
Twitter<br />#Accenture<br />Web Services<br />VG/AP<br />/E24/…<br />RSS<br />6x<br />4x +<br />Web App<br />
WebWorkers<br />Lese/skrive til lokal databasen<br />Ajax kall til serveren<br />Redigere DOM (ikke mulig)<br />+++<br />
Quiz<br />Demo<br />
GoogleAppEngine<br />
Spring MVC / .NET MVC / Python<br />JSON<br />jQuery Mobile<br />Sencha Touch<br />SproutCore<br />
Cappuccino <br />
http://www.html5rocks.com/en/<br />http://diveintohtml5.org/<br />http://www.apple.com/html5/<br />http://dev.opera.com/ar...
</takk><br />
Upcoming SlideShare
Loading in …5
×

Foredrag om HTML5 og CSS3

679 views

Published on

Her er Powerpointen som Millad fra Accenture viste oss på foredraget 23/8-11.

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

  • Be the first to like this

No Downloads
Views
Total views
679
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Foredrag om HTML5 og CSS3

  1. 1. Litt om<br />HTML 5 & CSS 3<br />Millad Dagdoni<br />Accenture<br />
  2. 2. HTML 5<br />Lage en web app<br />
  3. 3. <div id = ”header”><br /><div id = ”nav” ><br /><div id = ”aside” ><br /><div id = ”article”><br /><div class = ”section” ><br /><div id = ”footer” ><br />
  4. 4.
  5. 5. <div id = ”header”><br /><div id = ”nav” ><br /><div id = ”aside” ><br /><div id = ”article”><br /><div class = ”section” ><br /><div id = ”footer” ><br />
  6. 6. <header><br /><nav><br /><aside><br /><article><br /><section><br /><footer><br />
  7. 7. Side.html<br />
  8. 8. DoctypeXHTML 1.0<br /><!DOCTYPE html PUBLIC »<br /> “-//W3C//DTD XHTML 1.0 Strict //EN” »<br /> “http://www.w3.org/TR/xhtmll/DTD/xhtmll-strict.dtd”><br />
  9. 9. DoctypeHTML5<br /><!DOCTYPE html><br />
  10. 10.
  11. 11. Offline Application Caching<br />Video<br />LocalStorage<br />Canvas<br />WebWorkers<br />…<br />
  12. 12. <video<br />src="test.[Ogg,mpeg-4,webM]“<br />autoplay="autoplay”<br /> controls="controls"><br /></video><br />
  13. 13. CSS 3<br />Mindre Photoshop<br />
  14. 14. Opacity<br />RGBA Color<br />box-shadow<br />text-shadow<br />border-radius<br />TRANSFORMATION<br />( rotate, scale, translate )<br />
  15. 15. chrome.angrybirds.com<br />
  16. 16. JavaScript<br />jQuery eller Sencha Touch<br />HTML5 / CSS3<br />
  17. 17. Twitter<br />#Accenture<br />Web Services<br />VG/AP<br />/E24/…<br />RSS<br />6x<br />4x +<br />Web App<br />
  18. 18.
  19. 19.
  20. 20.
  21. 21. WebWorkers<br />Lese/skrive til lokal databasen<br />Ajax kall til serveren<br />Redigere DOM (ikke mulig)<br />+++<br />
  22. 22. Quiz<br />Demo<br />
  23. 23.
  24. 24. GoogleAppEngine<br />
  25. 25. Spring MVC / .NET MVC / Python<br />JSON<br />jQuery Mobile<br />Sencha Touch<br />SproutCore<br />
  26. 26.
  27. 27.
  28. 28.
  29. 29. Cappuccino <br />
  30. 30.
  31. 31.
  32. 32. http://www.html5rocks.com/en/<br />http://diveintohtml5.org/<br />http://www.apple.com/html5/<br />http://dev.opera.com/articles/html/<br />http://www.w3schools.com/html5/default.asp<br />http://html5tutorial.net/<br />http://www.amazon.com/Introducing-HTML5-2nd-Bruce-Lawson/dp/0321784421/ref=sr_1_2?ie=UTF8&qid=1314177958&sr=8-2<br />Linker<br />
  33. 33. </takk><br />

×