HTML5<br />Adobe user group meeting<br />
Programma<br />Datum: woensdag 2 maart 2011Tijd: 12.30 – 17.30 uur (gevolgd door de netwerkborrel)Plaats: Pakhuis de Zwijg...
Timan Rebel (Mobypicture)<br />
Nu<br /><!DOCTYPE html<br />PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"<br />"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict....
HTML 5<br /><!doctype html><br />http://slides.html5rocks.com<br />
Semantics<br /><div id=header><br /></div><br /><div id=navigatie><br /></div><br /><div id=maincontent><br /></div><br />...
video<br /><video controls/><br />if (Modernizr.video) {<br />  // let'splaysome video! but what kind?<br />if (Modernizr....
CSS3<br />CSS3 delivers a wide range of stylization and effects, enhancing the web app without sacrificing your semantic s...
Device Access<br />Beginning with the Geolocation API, Web Applications can present rich, device-aware features and experi...
3D, Graphics & Effects<br />Between SVG, Canvas, WebGL, and CSS3 3D features, you're sure to amaze your users with stunnin...
Offline & Storage<br />Web Apps can start faster and work even if there is no internet connection, thanks to the HTML5 App...
Connectivity<br />More efficient connectivity means more real-time chats, faster games, and better communication. Web Sock...
Performance & Integration<br />More efficient connectivity means more real-time chats, faster games, and better communicat...
Gijs Winkel (These Days)<br />
IE9<br />Heeft 3d acceleratie<br />http://www.frameratefest.com/<br />
Mike de Boer(Cloud9)<br />
Cloud 9<br />Online IDE<br />http://c9.io/<br />
Peter Nederlof(LBI Lost Boys)<br />
Canvas en Webworkers<br />http://nerget.com/rayjs-mt/rayjs.html<br />http://html5demos.com/<br />http://www.chromeexperime...
Daniel Mahal(rumpetroll)<br />
Rumpetroll<br />http://www.youtube.com/watch?v=bHb05KI-ycA<br />http://rumpetroll.com/<br />
Serge Jespers(Adobe)<br />
Adobe & HTML 5: nu<br />Adobe Illustrator CS5 HTML5 Pack<br />http://labs.adobe.com/technologies/illustrator_html5/<br />D...
Flash & HTML5 kunnen samen<br />http://www.webkitchen.be/geolocation/<br />http://sour-mirror.jp/<br />
Is Flash dead?<br />Spelletje<br />
Upcoming SlideShare
Loading in...5
×

Html5

390

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

No notes for slide

Transcript of "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 />
  1. A particular slide catching your eye?

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

×