Html5

483 views

Published on

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
483
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Html5

  1. 1. HTML5<br />Adobe user group meeting<br />
  2. 2. Programma<br />Datum: woensdag 2 maart 2011Tijd: 12.30 – 17.30 uur (gevolgd door de netwerkborrel)Plaats: Pakhuis de Zwijger, Piet Heinkade 179, 1019 HC in Amsterdam12:45 Bert Hagendoorn (Adobe User Group)13:00 Timan Rebel (Mobypicture)13:30 Gijs Winkel (These Days)14:30 Mike de Boer (Ajax.org/Cloud9)15:00 Peter Nederlof (Lost Boys)15:45 Daniel Mahal (APT/RumpetRoll)16:15 Serge Jespers (Adobe)<br />
  3. 3. Timan Rebel (Mobypicture)<br />
  4. 4. Nu<br /><!DOCTYPE html<br />PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"<br />"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br />
  5. 5. HTML 5<br /><!doctype html><br />http://slides.html5rocks.com<br />
  6. 6. Semantics<br /><div id=header><br /></div><br /><div id=navigatie><br /></div><br /><div id=maincontent><br /></div><br /><div id=footer><br /></div><br /><header><br /></header<br /><nav><br /></nav><br /><article><br /></artice><br /><footer><br /></footer><br />
  7. 7. video<br /><video controls/><br />if (Modernizr.video) {<br /> // let'splaysome video! but what kind?<br />if (Modernizr.video.webm) { //google<br /> // tryWebM<br /> } elseif (Modernizr.video.ogg) { //mozilla + opera<br /> // tryOggTheora + Vorbis in anOgg container<br /> } elseif (Modernizr.video.h264){ //microsoft + apple<br /> // try H.264 video + AAC audio in an MP4 container<br /> }<br />}<br />
  8. 8. CSS3<br />CSS3 delivers a wide range of stylization and effects, enhancing the web app without sacrificing your semantic structure or performance. Additionally Web Open Font Format (WOFF) provides typographic flexibility and control far beyond anything the web has offered before.<br />
  9. 9. Device Access<br />Beginning with the Geolocation API, Web Applications can present rich, device-aware features and experiences. Incredible device access innovations are being developed and implemented, from audio/video input access to microphones and cameras, to local data such as contacts & events, and even tilt orientation.<br />
  10. 10. 3D, Graphics & Effects<br />Between SVG, Canvas, WebGL, and CSS3 3D features, you're sure to amaze your users with stunning visuals natively rendered in the browser.<br />
  11. 11. Offline & Storage<br />Web Apps can start faster and work even if there is no internet connection, thanks to the HTML5 App Cache, as well as the Local Storage, Indexed DB, and the File API specifications.<br />
  12. 12. Connectivity<br />More efficient connectivity means more real-time chats, faster games, and better communication. Web Sockets and Server-Sent Events are pushing (pun intended) data between client and server more efficiently than ever before.<br />
  13. 13. Performance & Integration<br />More efficient connectivity means more real-time chats, faster games, and better communication. Web Sockets and Server-Sent Events are pushing (pun intended) data between client and server more efficiently than ever before.<br />
  14. 14. Gijs Winkel (These Days)<br />
  15. 15. IE9<br />Heeft 3d acceleratie<br />http://www.frameratefest.com/<br />
  16. 16. Mike de Boer(Cloud9)<br />
  17. 17. Cloud 9<br />Online IDE<br />http://c9.io/<br />
  18. 18. Peter Nederlof(LBI Lost Boys)<br />
  19. 19. Canvas en Webworkers<br />http://nerget.com/rayjs-mt/rayjs.html<br />http://html5demos.com/<br />http://www.chromeexperiments.com/<br />
  20. 20. Daniel Mahal(rumpetroll)<br />
  21. 21. Rumpetroll<br />http://www.youtube.com/watch?v=bHb05KI-ycA<br />http://rumpetroll.com/<br />
  22. 22. Serge Jespers(Adobe)<br />
  23. 23. Adobe & HTML 5: nu<br />Adobe Illustrator CS5 HTML5 Pack<br />http://labs.adobe.com/technologies/illustrator_html5/<br />Demo:<br />http://tv.adobe.com/watch/adobe-evangelists-greg-rewis/html5-with-illustrator-cs5/<br />Browserlab<br />https://browserlab.adobe.com/<br />Netaverages<br />https://netaverages.adobe.com/<br />
  24. 24. Flash & HTML5 kunnen samen<br />http://www.webkitchen.be/geolocation/<br />http://sour-mirror.jp/<br />
  25. 25. Is Flash dead?<br />Spelletje<br />

×