SlideShare a Scribd company logo
1 of 25
HTML5 Adobe user group meeting
Programma 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)
Timan Rebel (Mobypicture)
Nu <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
HTML 5 <!doctype html> http://slides.html5rocks.com
Semantics <div id=header> </div> <div id=navigatie> </div> <div id=maincontent> </div> <div id=footer> </div> <header> </header <nav> </nav> <article> </artice> <footer> </footer>
video <video controls/> if (Modernizr.video) {   // let'splaysome video! but what kind? if (Modernizr.video.webm) { //google     // tryWebM   } elseif (Modernizr.video.ogg) { //mozilla + opera     // tryOggTheora + Vorbis in anOgg container   } elseif (Modernizr.video.h264){ //microsoft + apple     // try H.264 video + AAC audio in an MP4 container   } }
CSS3 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.
Device Access 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.
3D, Graphics & Effects Between SVG, Canvas, WebGL, and CSS3 3D features, you're sure to amaze your users with stunning visuals natively rendered in the browser.
Offline & Storage 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.
Connectivity 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.
Performance & Integration 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.
Gijs Winkel (These Days)
IE9 Heeft 3d acceleratie http://www.frameratefest.com/
Mike de Boer(Cloud9)
Cloud 9 Online IDE http://c9.io/
Peter Nederlof(LBI Lost Boys)
Canvas en Webworkers http://nerget.com/rayjs-mt/rayjs.html http://html5demos.com/ http://www.chromeexperiments.com/
Daniel Mahal(rumpetroll)
Rumpetroll http://www.youtube.com/watch?v=bHb05KI-ycA http://rumpetroll.com/
Serge Jespers(Adobe)
Adobe & HTML 5: nu Adobe Illustrator CS5 HTML5 Pack http://labs.adobe.com/technologies/illustrator_html5/ Demo: http://tv.adobe.com/watch/adobe-evangelists-greg-rewis/html5-with-illustrator-cs5/ Browserlab https://browserlab.adobe.com/ Netaverages https://netaverages.adobe.com/
Flash & HTML5 kunnen samen http://www.webkitchen.be/geolocation/ http://sour-mirror.jp/
Is Flash dead? Spelletje

More Related Content

Similar to Html5

WordCamp Thessaloniki2011 The NextWeb
WordCamp Thessaloniki2011 The NextWebWordCamp Thessaloniki2011 The NextWeb
WordCamp Thessaloniki2011 The NextWeb
George Kanellopoulos
 
HTML5 - Future of Web
HTML5 - Future of WebHTML5 - Future of Web
HTML5 - Future of Web
Mirza Asif
 

Similar to Html5 (20)

VizEx View HTML5 workshop 2017
VizEx View HTML5 workshop 2017VizEx View HTML5 workshop 2017
VizEx View HTML5 workshop 2017
 
HTML 5 - A developers perspective
HTML 5 - A developers perspectiveHTML 5 - A developers perspective
HTML 5 - A developers perspective
 
WordCamp Thessaloniki2011 The NextWeb
WordCamp Thessaloniki2011 The NextWebWordCamp Thessaloniki2011 The NextWeb
WordCamp Thessaloniki2011 The NextWeb
 
soft-shake.ch - Introduction to HTML5
soft-shake.ch - Introduction to HTML5soft-shake.ch - Introduction to HTML5
soft-shake.ch - Introduction to HTML5
 
Word camp nextweb
Word camp nextwebWord camp nextweb
Word camp nextweb
 
Word camp nextweb
Word camp nextwebWord camp nextweb
Word camp nextweb
 
[2015/2016] HTML5 and CSS3 Refresher
[2015/2016] HTML5 and CSS3 Refresher[2015/2016] HTML5 and CSS3 Refresher
[2015/2016] HTML5 and CSS3 Refresher
 
Presentation wpf
Presentation wpfPresentation wpf
Presentation wpf
 
Internet of Things and Big Data
Internet of Things and Big DataInternet of Things and Big Data
Internet of Things and Big Data
 
Html5 workshop part 1
Html5 workshop part 1Html5 workshop part 1
Html5 workshop part 1
 
Introduction to html5
Introduction to html5Introduction to html5
Introduction to html5
 
It is not HTML5. but ... / HTML5ではないサイトからHTML5を考える
It is not HTML5. but ... / HTML5ではないサイトからHTML5を考えるIt is not HTML5. but ... / HTML5ではないサイトからHTML5を考える
It is not HTML5. but ... / HTML5ではないサイトからHTML5を考える
 
Familiar HTML5 - 事例とサンプルコードから学ぶ 身近で普通に使わているHTML5
Familiar HTML5 - 事例とサンプルコードから学ぶ 身近で普通に使わているHTML5Familiar HTML5 - 事例とサンプルコードから学ぶ 身近で普通に使わているHTML5
Familiar HTML5 - 事例とサンプルコードから学ぶ 身近で普通に使わているHTML5
 
Html5 Overview
Html5 OverviewHtml5 Overview
Html5 Overview
 
Immersed in the Web
Immersed in the WebImmersed in the Web
Immersed in the Web
 
HTML5 Intoduction for Web Developers
HTML5 Intoduction for Web DevelopersHTML5 Intoduction for Web Developers
HTML5 Intoduction for Web Developers
 
Introduction to Azure DocumentDB
Introduction to Azure DocumentDBIntroduction to Azure DocumentDB
Introduction to Azure DocumentDB
 
Intel AppUp Day Bologna
Intel AppUp Day BolognaIntel AppUp Day Bologna
Intel AppUp Day Bologna
 
Enjoying the full stack - Frontend 2010
Enjoying the full stack - Frontend 2010Enjoying the full stack - Frontend 2010
Enjoying the full stack - Frontend 2010
 
HTML5 - Future of Web
HTML5 - Future of WebHTML5 - Future of Web
HTML5 - Future of Web
 

Recently uploaded

Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
 

Recently uploaded (20)

Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
A Beginners Guide to Building a RAG App Using Open Source Milvus
A Beginners Guide to Building a RAG App Using Open Source MilvusA Beginners Guide to Building a RAG App Using Open Source Milvus
A Beginners Guide to Building a RAG App Using Open Source Milvus
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu SubbuApidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
 
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 

Html5

  • 1. HTML5 Adobe user group meeting
  • 2. Programma 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)
  • 4. Nu <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  • 5. HTML 5 <!doctype html> http://slides.html5rocks.com
  • 6. Semantics <div id=header> </div> <div id=navigatie> </div> <div id=maincontent> </div> <div id=footer> </div> <header> </header <nav> </nav> <article> </artice> <footer> </footer>
  • 7. video <video controls/> if (Modernizr.video) { // let'splaysome video! but what kind? if (Modernizr.video.webm) { //google // tryWebM } elseif (Modernizr.video.ogg) { //mozilla + opera // tryOggTheora + Vorbis in anOgg container } elseif (Modernizr.video.h264){ //microsoft + apple // try H.264 video + AAC audio in an MP4 container } }
  • 8. CSS3 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.
  • 9. Device Access 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.
  • 10. 3D, Graphics & Effects Between SVG, Canvas, WebGL, and CSS3 3D features, you're sure to amaze your users with stunning visuals natively rendered in the browser.
  • 11. Offline & Storage 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.
  • 12. Connectivity 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.
  • 13. Performance & Integration 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.
  • 15. IE9 Heeft 3d acceleratie http://www.frameratefest.com/
  • 17. Cloud 9 Online IDE http://c9.io/
  • 19. Canvas en Webworkers http://nerget.com/rayjs-mt/rayjs.html http://html5demos.com/ http://www.chromeexperiments.com/
  • 23. Adobe & HTML 5: nu Adobe Illustrator CS5 HTML5 Pack http://labs.adobe.com/technologies/illustrator_html5/ Demo: http://tv.adobe.com/watch/adobe-evangelists-greg-rewis/html5-with-illustrator-cs5/ Browserlab https://browserlab.adobe.com/ Netaverages https://netaverages.adobe.com/
  • 24. Flash & HTML5 kunnen samen http://www.webkitchen.be/geolocation/ http://sour-mirror.jp/
  • 25. Is Flash dead? Spelletje