Mayflower GmbH, profile picture
Uploaded byMayflower GmbH
PDF, PPTX52,937 views

HTML5 for PHP Developers - IPC

This document discusses HTML5 features and how they relate to PHP development. It begins by noting that HTML5 moves from documents to applications and from hacks to solutions. It then discusses how technologies like Ajax, Comet, and real-time updates have led to a change where content is less important than context and applications like Facebook and Twitter are really applications, not just pages. The document outlines several new HTML5 features like WebSockets, Web Workers, offline applications, geolocation, drag and drop, and the file API. It argues that more logic will move to the client and browsers with these features. The summary concludes that HTML5 is part of a new application framework and that PHP developers will need to learn JavaScript to

Download as PDF, PPTX
HTML5 for PHP Developers Thorsten Rinne I 1 Oktober 2010 1. International PHP Conference 2010 © 2010 Mayflower GmbH
Senior Developer / Team Lead Head of Open Source Labs @ MAYFLOWER GMBH @ThorstenRinne HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 2
Topic: HTML5 for PHP Developers
I won‘t talk about <video> and <audio> HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 4
Yes, Youporn is using HTML5 video! HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 5
And I won‘t talk about... HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 6
Flash is dead. But don‘t tell it Adobe. HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 7
Who‘s already using HTML5? HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 8
HTML5 in one sentence? HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 9
„HTML5 is about moving from documents to applications and from hacks to solutions.“ Christian Heilmann on Twitter HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 10
HTML5 for developers? HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 11
HTML5 ~= HTML + CSS + JS HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 12
1999: PHP 3.0 - MySQL 3.22 Apache 1.3 HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 13
1999: Internet Explorer 5.0 XMLHttpRequest Object HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 14
As time goes by ... HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 15
since 5.0 (1999) since 1.0 (2004) since 1.2 (2004) since 7.6 (2004) HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 16
2005: Ajax: A New Approach to Web Applications Jesse James Garrett: http://www.adaptivepath.com/ideas/essays/archives/000385.php HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 17
HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 18
Google Suggest Google Mail Google Maps HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 19
2006: Comet Jesse James Garrett: http://www.adaptivepath.com/ideas/essays/archives/000385.php HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 20
HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 21
Push Ajax Push HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 22
Okay, what‘s happening? HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 23
Content vs. Context HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 24
Facebook is an application! HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 25
Page vs. Stream HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 26
Twitter is an application! HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 27
Applications? HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 28
Apps! HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 29
HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 30
online == offline == online HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 31
Is this the new web? HTML5 for PHP Developers I Mayflower GmbH I 10. September 2010 I 32
The future is a web app! HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 33
The mobile browser ... I ... is identical to the desktop browser I ... speaks HTML5 •Geolocation support •Websockets support •Offline apps I Faster update cycles than on the desktop I it‘s a cross plattform realtime runtime HTML5 for PHP Developers I Mayflower GmbH I 10. September 2010 I 34
But what about HTML5? And what about PHP? HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 35
Requests vs. Events HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 36
WebSockets var ws = new WebSocket("ws://example.com/service"); ws.onopen = function() { ws.send("message to send"); .... }; ws.onmessage = function (event) { var received_msg = event.data; ... }; ws.onclose = function() { // websocket is closed. }; HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 37
More logic will move to the client... the browser! HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 38
Web Worker I Multi-threaded JavaScript I Easy example: main.js: var worker = new Worker('backgroundtask.js'); worker.onmessage = function(event) { alert(event.data); }; backgroundtask.js: self.onmessage = function(event) { // Do some tough work... self.postMessage(some_data); } HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 39
Offline Application Cache index.html: <html manifest="cache.manifest"> window.applicationCache.addEventListener('checking', updateCacheStatus, false); cache.manifest: CACHE MANIFEST CACHE: /html5/demo/index.html /html5/demo/style.css /html5/demo/background.png HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 40
Web Messaging <iframe src="http://www.example.org/message/" id="iframe"> </iframe> <form id="form">   <input type="text" id="msg" value="Message to send"/>   <input type="submit"/> </form> <script> window.onload = function() {     var win = document.getElementById("iframe").contentWindow;       document.getElementById("form").onsubmit = function(e) {       win.postMessage(document.getElementById("msg").value);         e.preventDefault();       }; }; </script> HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 41
Web Messaging <strong>This iframe is located on www.example.com</strong> <div id="test">Hello, World!</div> <script> document.addEventListener("message", function(e){     document.getElementById("test").textContent =       e.domain + " said: " + e.data; }, false); </script> HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 42
WebStorage I Short living data I sessionStorage object I will be deleted after closing the browser I Long living data I localStorage object I will not be deleted after closing the browser Safari Firefox IE Opera 2 MB 5 MB ~ 200 MB 5 MB 4 MB ~ HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 43
WebStorage if (!sessionStorage['counter']) {    sessionStorage['counter'] = 0; } else {    sessionStorage['counter']++; } document.querySelector('#content').innerHTML =     '<p>This sample has been run ' + sessionStorage.getItem('counter') + ' times</p>' +     '<p>(The value will be available until ' + we close the tab)</p>'; HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 44
Web SQL Database var db = window.openDatabase("Database Name", "Database Version"); db.transaction(function(tx) { tx.executeSql("SELECT * FROM test", [], successCallback, errorCallback); }); HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 45
Geolocation if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(function(position) { var lat = position.coords.latitude; var lng = position.coords.longitude; var options = { position: new google.maps.LatLng(lat, lng) } var marker = new google.maps.Marker(options); marker.setMap(map); }); } HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 46
Drag and Drop API <li draggable="true" id="pic1" ondragstart="drag(this, event)"> <span>foobar.png</span> </li> <div id="trash" ondrop="drop(this, event)" ondragenter="return false" ondragover="return false"></div> function drag(target, e) { e.dataTransfer.setData('Text', target.id); } function drop(target, e) { var id = e.dataTransfer.getData('Text'); target.appendChild(document.getElementById(id)); e.preventDefault(); } HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 47
Using the File API (I) var reader = new FileReader(); reader.onload = function(e) { var bin = e.target.result; // „bin“ is the binary string }; reader.readAsBinaryString(file); HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 48
Using the File API (II) var xhr = new XMLHttpRequest(); xhr.open("POST", "upload.php"); xhr.overrideMimeType('text/plain; charset=x-user-defined-binary'); xhr.sendAsBinary(bin); xhr.upload.addEventListener("progress", function(e) { if (e.lengthComputable) { var percentage = Math.round((e.loaded * 100) / e.total); // do something } }, false); HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 49
This was just the JavaScript beginning... HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 50
What‘s left for us PHP developers? HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 51
HTML5 is part of an application framework! HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 52
The LAMP stack gets a bust of Janus real time web component web application component HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 53
PHP developers have to learn JavaScript as well! HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 54
Modern PHP applications use both: JavaScript PHP 50% 50% HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 55
HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 56
<!DOCTYPE html> HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 57
HTML5 page structure <header> <hgroup> <nav> <article> <footer> HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 58
HTML5 article structure <section> <aside> HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 59
New semantic tags <time> <details> <figure> <figcaption> <mark> HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 60
New link relations <link rel="alternate" type="application/rss+xml" href="http://www.php.net/feed"> <link rel="icon" href="/favicon.ico"> <link rel="pingback" href="http://www.phpmyfaq.de/xmlrpc.php"> <link rel="prefetch" href="http://www.phpmyfaq.de/main.php"> ... <a rel="archives" href="http://www.phpmyfaq.de/archives">Old posts</a> <a rel="external" href="http://www.php.net">PHP Homepage</a> <a rel="license" href="http://www.apache.org/licenses/LICENSE-2.0">License</a> <a rel="nofollow" href="http://www.ruby-lang.org/">Ruby Homepage</a> <a rel="tag" href="http://devblog.phpmyfaq/category/PHP">PHP tagged postes</a> HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 61
WebForms <input placeholder="Search Bookmarks and History"> after clicking... HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 62
WebForms <input maxlength="256" name="q" value="" autofocus> <input maxlength="256" name="q" value="" required="true"> HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 63
WebForms <input type="tel"> for telephone numbers <input type="url"> for web addresses <input type="email"> for email addresses HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 64
WebForms <input type="number" min="0" max="10" step="2" value="6"> 0 2 4 6 8 10 HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 65
WebForms <input type="range" min="0" max="10" step="2" value="6"> HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 66
Datepicker WebForms <input type="date"> <input type="month"> <input type="week"> <input type="time"> <input type="datetime"> <input type="datetime-local"> HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 67
WebForm Color picker <input type="color"> HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 68
contenteditable <p contenteditable="true">Edit foobar!</p> I Save it with I sessionStorage I localStorage I PHP powered backend with Ajax :-) HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 69
<canvas> <canvas id="canvas" width="838" height="220"></canvas> <script> var canvasContext = $("#canvas").getContext("2d"); canvasContext.fillRect(250, 25, 150, 100); canvasContext.beginPath(); canvasContext.arc(450, 110, 100, Math.PI * 1/2, Math.PI * 3/2); canvasContext.lineWidth = 15; canvasContext.lineCap = 'round'; canvasContext.strokeStyle = 'rgba(255, 127, 0, 0.5)'; canvasContext.stroke(); </script> HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 70
<canvas> HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 71
WebGL HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 72
Have fun with HTML5! HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 73
And what about CSS3? HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 74
New selectors .row:nth-child(even) { background: #cccccc; } .row:nth-child(odd) { background: #ffffff; } row 1 row 2 row 3 row 4 HTML5 for PHP Developers I Mayflower GmbH I 10. September 2010 I 75
The state of WebFonts... @font-face { font-family: 'FuturaNew'; src: url(FuturaNew.otf); } header { font-family: 'LeagueGothic'; colour: red; } No font replacement! :-) HTML5 for PHP Developers I Mayflower GmbH I 10. September 2010 I 76
More new CSS3 features... I better font support I better text wrapping I columns I opacity I Hue/saturation/luminance color model I Rounded corners, finally! ;-) I Gradients I Shadows I better backgrounds I transitions and animations HTML5 for PHP Developers I Mayflower GmbH I 10. September 2010 I 77
HTML5 readiness HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 78
HTML5 readiness 72 % 69 % 62 % 53 % 46 % 9 % IE8 Firefox 3.6 Opera 10.6 Mobile Safari (iOS 4) Safari 5.0 Chrome 6.0 html5test.com HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 79
HTML5 readiness 2010 HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 80
HTML5 readiness Cross- content New getElementsBy document semantic <video> <audio> editable ClassName() messaging tags IE 8.0 FF 3.6 Chrome 5 Safari 5 Opera 10.5 HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 81
HTML5 readiness Basic Text API for Offline Web HTML5 <canvas> Drag n Drop Inline SVG <canvas> Applications WebForms support IE 8.0 FF 3.6 Chrome 5 Safari 5 Opera 10.5 HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 82
HTML5 readiness 201 1 HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 83
HTML5 readiness Cross- content New getElementsBy document semantic <video> <audio> editable ClassName() messaging tags IE 9.0 FF 4.0 Chrome 6 Safari Opera HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 84
HTML5 readiness Basic Text API for Offline Web HTML5 <canvas> Drag n Drop Inline SVG <canvas> Applications WebForms support IE 9.0 FF 4.0 Chrome 6 Safari Opera HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 85
But... HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 86
Browser stats 2010 IE 8.0 29,0 % Firefox 3.6 24,0 % IE 7.0 13,0 % IE 6.0 7,5 % Chrome 6.0 6,4 % Chrome 5.0 4,5 % Firefox 3.5 4,4 % Safari 5.0 2,9 % Firefox 3.0 2,4 % Opera 10.6 1,4 % Safari 4.0 0,8 % Firefox 2.0 0,4 % Other 2,9 % StatCounter Global Stats HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 87
What‘s already safe for using? HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 88
contenteditable postMessage (same domain) postMessage (cross domain) WebStorage with IE 8+ HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 89
Any help? A cool JavaScript library! e.g. Modernizr HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 90
HTML5 helper No.1 HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 91
Questions? HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 92
Thank you very much! Contact Thorsten Rinne thorsten.rinne@mayflower.de +49 89 242054-31 Mayflower GmbH Mannhardtstr. 6 80538 München © 2010 Mayflower GmbH

More Related Content

ODP
HTML5
byHatem Mahmoud
 
PDF
HTML5 Semantics, Accessibility & Forms [Carsonified HTML5 Online Conference]
byAaron Gustafson
 
KEY
Intro to html5 Boilerplate
byMichael Enslow
 
PPTX
Getting Started with HTML5 in Tech Com (STC 2012)
byPeter Lubbers
 
PPTX
What is HTML 5?
bySusan Winters
 
PPTX
HTML5 and web technology update
byDoug Domeny
 
PDF
Introduction to Web Components & Polymer Workshop - JS Interactive
byJohn Riviello
 
PPTX
HTML5 and Search Engine Optimization (SEO)
byPerformics.Convonix
 
HTML5
byHatem Mahmoud
 
HTML5 Semantics, Accessibility & Forms [Carsonified HTML5 Online Conference]
byAaron Gustafson
 
Intro to html5 Boilerplate
byMichael Enslow
 
Getting Started with HTML5 in Tech Com (STC 2012)
byPeter Lubbers
 
What is HTML 5?
bySusan Winters
 
HTML5 and web technology update
byDoug Domeny
 
Introduction to Web Components & Polymer Workshop - JS Interactive
byJohn Riviello
 
HTML5 and Search Engine Optimization (SEO)
byPerformics.Convonix
 

What's hot

PDF
BDD - Writing better scenario
byArnauld Loyer
 
PPTX
High Performance JavaScript (CapitolJS 2011)
byNicholas Zakas
 
PDF
EuroPython 2011 - How to build complex web applications having fun?
byAndrew Mleczko
 
PDF
Keypoints html5
bydynamis
 
PDF
Building mobile applications with DrupalGap
byAlex S
 
PDF
API Technical Writing
bySarah Maddox
 
PPTX
Secrets of a Blazor Component Artisan
byEd Charbeneau
 
PPTX
Untangling4
byDerek Jacoby
 
PPTX
Before start
byMedhat Dawoud
 
PPTX
Untangling6
byDerek Jacoby
 
PPTX
High-Speed HTML5
byPeter Lubbers
 
PDF
Learning from the Best jQuery Plugins
byMarc Grabanski
 
PDF
Echo HTML5
byNathan Smith
 
PDF
Tek 2013 - Building Web Apps from a New Angle with AngularJS
byPablo Godel
 
PDF
Stencil the time for vanilla web components has arrived
byGil Fink
 
PPTX
HTML5 and CSS3 Techniques You Can Use Today
byTodd Anglin
 
PDF
Front Ends for Back End Developers - Spring I/O 2017
byMatt Raible
 
PPTX
Django Interview Questions and Answers
byPython Devloper
 
PDF
Optimising Your Front End Workflow With Symfony, Twig, Bower and Gulp
byMatthew Davis
 
PDF
ENIB 2015 2016 - CAI Web S02E03- Forge JS 1/4 - La forge JavaScript
byHoracio Gonzalez
 
BDD - Writing better scenario
byArnauld Loyer
 
High Performance JavaScript (CapitolJS 2011)
byNicholas Zakas
 
EuroPython 2011 - How to build complex web applications having fun?
byAndrew Mleczko
 
Keypoints html5
bydynamis
 
Building mobile applications with DrupalGap
byAlex S
 
API Technical Writing
bySarah Maddox
 
Secrets of a Blazor Component Artisan
byEd Charbeneau
 
Untangling4
byDerek Jacoby
 
Before start
byMedhat Dawoud
 
Untangling6
byDerek Jacoby
 
High-Speed HTML5
byPeter Lubbers
 
Learning from the Best jQuery Plugins
byMarc Grabanski
 
Echo HTML5
byNathan Smith
 
Tek 2013 - Building Web Apps from a New Angle with AngularJS
byPablo Godel
 
Stencil the time for vanilla web components has arrived
byGil Fink
 
HTML5 and CSS3 Techniques You Can Use Today
byTodd Anglin
 
Front Ends for Back End Developers - Spring I/O 2017
byMatt Raible
 
Django Interview Questions and Answers
byPython Devloper
 
Optimising Your Front End Workflow With Symfony, Twig, Bower and Gulp
byMatthew Davis
 
ENIB 2015 2016 - CAI Web S02E03- Forge JS 1/4 - La forge JavaScript
byHoracio Gonzalez
 

Viewers also liked

PPTX
PHP Powerpoint -- Teach PHP with this
byIan Macali
 
PDF
Introduction to PHP
byBradley Holt
 
PPT
Php mysql ppt
byKarmatechnologies Pvt. Ltd.
 
PPT
Php Presentation
byManish Bothra
 
ODP
PHP Web Programming
byMuthuselvam RS
 
PDF
Alphorm.com Support de la Formation PHP MySQL
byAlphorm
 
PPT
Php Ppt
byvsnmurthy
 
PPT
Oops in PHP
byMindfire Solutions
 
ODP
Object Oriented Design Patterns for PHP
byRobertGonzalez
 
PPT
Open Source Package PHP & MySQL
bykalaisai
 
PDF
Top 100 PHP Questions and Answers
byiimjobs and hirist
 
PDF
Web Services PHP Tutorial
byLorna Mitchell
 
PDF
PHP and Web Services
byBruno Pedro
 
PPT
Introduction to PHP
byJussi Pohjolainen
 
PPS
Ruslana_ Dance With The Wolves
byVili 48
 
PPT
Wolves by Mori P
byalumnos5to
 
PDF
Wolves
byiteclearners
 
PPTX
Wolves
bycmarchant
 
PDF
O que esperar do Zend Framework 2
byFlávio Lisboa
 
PPT
SQL Devlopment for 10 ppt
byTanay Kishore Mishra
 
PHP Powerpoint -- Teach PHP with this
byIan Macali
 
Introduction to PHP
byBradley Holt
 
Php mysql ppt
byKarmatechnologies Pvt. Ltd.
 
Php Presentation
byManish Bothra
 
PHP Web Programming
byMuthuselvam RS
 
Alphorm.com Support de la Formation PHP MySQL
byAlphorm
 
Php Ppt
byvsnmurthy
 
Oops in PHP
byMindfire Solutions
 
Object Oriented Design Patterns for PHP
byRobertGonzalez
 
Open Source Package PHP & MySQL
bykalaisai
 
Top 100 PHP Questions and Answers
byiimjobs and hirist
 
Web Services PHP Tutorial
byLorna Mitchell
 
PHP and Web Services
byBruno Pedro
 
Introduction to PHP
byJussi Pohjolainen
 
Ruslana_ Dance With The Wolves
byVili 48
 
Wolves by Mori P
byalumnos5to
 
Wolves
byiteclearners
 
Wolves
bycmarchant
 
O que esperar do Zend Framework 2
byFlávio Lisboa
 
SQL Devlopment for 10 ppt
byTanay Kishore Mishra
 

Similar to HTML5 for PHP Developers - IPC

PDF
HTML5 Workshop
byMayflower GmbH
 
PDF
HTML5 for PHP Developers - IPC
byMayflower GmbH
 
PDF
HTML5 for PHP Developers - DPC11
byMayflower GmbH
 
KEY
WHAT IS HTML5? (at CSS Nite Osaka)
byShumpei Shiraishi
 
PDF
Integrating PHP With System-i using Web Services
byIvo Jansch
 
KEY
Html 5 boot camp
byLaurie Young
 
PDF
News From the Front Lines - an update on Front-End Tech
byKevin Bruce
 
PPS
Flickr Services
byroyans
 
PPS
Flickr Services
byroyans
 
PPTX
Html 5
byNguyen Quang
 
PDF
HTML5 and friends
byBobby van der Sluis
 
PPTX
Html5
byZahin Omar Alwa
 
KEY
HTML5 and the Mobile Web
byMrJ1971
 
PDF
Practical Web Development 1st Edition Wellens Paul
bybaqrliminola
 
PDF
Html5 Application Security
bychuckbt
 
PPTX
Chapter onehsfhjfgjhdjhdhfsGfhghsgasg (2).pptx
byberihun18
 
PDF
HTML5 Technical Executive Summary
byGilad Khen
 
KEY
Introduction to HTML5/CSS3 In Drupal 7
byMediacurrent
 
PDF
PHP in a mobile ecosystem
byIvo Jansch
 
PPTX
How to be a Developer
byReza Nurfachmi
 
HTML5 Workshop
byMayflower GmbH
 
HTML5 for PHP Developers - IPC
byMayflower GmbH
 
HTML5 for PHP Developers - DPC11
byMayflower GmbH
 
WHAT IS HTML5? (at CSS Nite Osaka)
byShumpei Shiraishi
 
Integrating PHP With System-i using Web Services
byIvo Jansch
 
Html 5 boot camp
byLaurie Young
 
News From the Front Lines - an update on Front-End Tech
byKevin Bruce
 
Flickr Services
byroyans
 
Flickr Services
byroyans
 
Html 5
byNguyen Quang
 
HTML5 and friends
byBobby van der Sluis
 
Html5
byZahin Omar Alwa
 
HTML5 and the Mobile Web
byMrJ1971
 
Practical Web Development 1st Edition Wellens Paul
bybaqrliminola
 
Html5 Application Security
bychuckbt
 
Chapter onehsfhjfgjhdjhdhfsGfhghsgasg (2).pptx
byberihun18
 
HTML5 Technical Executive Summary
byGilad Khen
 
Introduction to HTML5/CSS3 In Drupal 7
byMediacurrent
 
PHP in a mobile ecosystem
byIvo Jansch
 
How to be a Developer
byReza Nurfachmi
 

More from Mayflower GmbH

PDF
Mit Maintenance umgehen können- Fixt du noch Bugs oder lieferst du schon neue...
byMayflower GmbH
 
PDF
Why and what is go
byMayflower GmbH
 
PDF
Agile Anti-Patterns
byMayflower GmbH
 
PDF
JavaScript Days 2015: Security
byMayflower GmbH
 
PDF
Vom Entwickler zur Führungskraft
byMayflower GmbH
 
PPTX
Produktive teams
byMayflower GmbH
 
PDF
Salt and pepper — native code in the browser Browser using Google native Client
byMayflower GmbH
 
PDF
Plugging holes — javascript memory leak debugging
byMayflower GmbH
 
PDF
Usability im web
byMayflower GmbH
 
PDF
Rewrites überleben
byMayflower GmbH
 
PDF
JavaScript Security
byMayflower GmbH
 
PDF
50 mal produktiver - oder warum ich gute Teams brauche und nicht gute Entwick...
byMayflower GmbH
 
PDF
Responsive Webdesign
byMayflower GmbH
 
PDF
Native Cross-Platform-Apps mit Titanium Mobile und Alloy
byMayflower GmbH
 
PDF
Pair Programming Mythbusters
byMayflower GmbH
 
PDF
Shoeism - Frau im Glück
byMayflower GmbH
 
PDF
Bessere Software schneller liefern
byMayflower GmbH
 
PDF
Von 0 auf 100 in 2 Sprints
byMayflower GmbH
 
PDF
Piwik anpassen und skalieren
byMayflower GmbH
 
PDF
Agilitaet im E-Commerce - E-Commerce Breakfast
byMayflower GmbH
 
Mit Maintenance umgehen können- Fixt du noch Bugs oder lieferst du schon neue...
byMayflower GmbH
 
Why and what is go
byMayflower GmbH
 
Agile Anti-Patterns
byMayflower GmbH
 
JavaScript Days 2015: Security
byMayflower GmbH
 
Vom Entwickler zur Führungskraft
byMayflower GmbH
 
Produktive teams
byMayflower GmbH
 
Salt and pepper — native code in the browser Browser using Google native Client
byMayflower GmbH
 
Plugging holes — javascript memory leak debugging
byMayflower GmbH
 
Usability im web
byMayflower GmbH
 
Rewrites überleben
byMayflower GmbH
 
JavaScript Security
byMayflower GmbH
 
50 mal produktiver - oder warum ich gute Teams brauche und nicht gute Entwick...
byMayflower GmbH
 
Responsive Webdesign
byMayflower GmbH
 
Native Cross-Platform-Apps mit Titanium Mobile und Alloy
byMayflower GmbH
 
Pair Programming Mythbusters
byMayflower GmbH
 
Shoeism - Frau im Glück
byMayflower GmbH
 
Bessere Software schneller liefern
byMayflower GmbH
 
Von 0 auf 100 in 2 Sprints
byMayflower GmbH
 
Piwik anpassen und skalieren
byMayflower GmbH
 
Agilitaet im E-Commerce - E-Commerce Breakfast
byMayflower GmbH
 

HTML5 for PHP Developers - IPC

  • 1.
    HTML5 for PHPDevelopers Thorsten Rinne I 1 Oktober 2010 1. International PHP Conference 2010 © 2010 Mayflower GmbH
  • 2.
    Senior Developer /Team Lead Head of Open Source Labs @ MAYFLOWER GMBH @ThorstenRinne HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 2
  • 3.
    Topic: HTML5for PHP Developers
  • 4.
    I won‘t talkabout <video> and <audio> HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 4
  • 5.
    Yes, Youporn is using HTML5 video! HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 5
  • 6.
    And I won‘ttalk about... HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 6
  • 7.
    Flash is dead. Butdon‘t tell it Adobe. HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 7
  • 8.
    Who‘s already using HTML5? HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 8
  • 9.
    HTML5 in onesentence? HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 9
  • 10.
    „HTML5 is aboutmoving from documents to applications and from hacks to solutions.“ Christian Heilmann on Twitter HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 10
  • 11.
    HTML5 for developers? HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 11
  • 12.
    HTML5 ~= HTML+ CSS + JS HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 12
  • 13.
    1999: PHP 3.0 -MySQL 3.22 Apache 1.3 HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 13
  • 14.
    1999: Internet Explorer5.0 XMLHttpRequest Object HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 14
  • 15.
    As time goesby ... HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 15
  • 16.
    since 5.0 (1999) since 1.0 (2004) since 1.2 (2004) since 7.6 (2004) HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 16
  • 17.
    2005: Ajax: A NewApproach to Web Applications Jesse James Garrett: http://www.adaptivepath.com/ideas/essays/archives/000385.php HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 17
  • 18.
    HTML5 for PHPDevelopers I Mayflower GmbH I 23. September 2010 I 18
  • 19.
    Google Suggest GoogleMail Google Maps HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 19
  • 20.
    2006: Comet Jesse James Garrett: http://www.adaptivepath.com/ideas/essays/archives/000385.php HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 20
  • 21.
    HTML5 for PHPDevelopers I Mayflower GmbH I 23. September 2010 I 21
  • 22.
    Push Ajax Push HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 22
  • 23.
    Okay, what‘s happening? HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 23
  • 24.
    Content vs. Context HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 24
  • 25.
    Facebook is an application! HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 25
  • 26.
    Page vs. Stream HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 26
  • 27.
    Twitter is an application! HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 27
  • 28.
    Applications? HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 28
  • 29.
    Apps! HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 29
  • 30.
    HTML5 for PHPDevelopers I Mayflower GmbH I 23. September 2010 I 30
  • 31.
    online == offline== online HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 31
  • 32.
    Is this thenew web? HTML5 for PHP Developers I Mayflower GmbH I 10. September 2010 I 32
  • 33.
    The future isa web app! HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 33
  • 34.
    The mobile browser... I ... is identical to the desktop browser I ... speaks HTML5 •Geolocation support •Websockets support •Offline apps I Faster update cycles than on the desktop I it‘s a cross plattform realtime runtime HTML5 for PHP Developers I Mayflower GmbH I 10. September 2010 I 34
  • 35.
    But what aboutHTML5? And what about PHP? HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 35
  • 36.
    Requests vs. Events HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 36
  • 37.
    WebSockets var ws =new WebSocket("ws://example.com/service"); ws.onopen = function() { ws.send("message to send"); .... }; ws.onmessage = function (event) { var received_msg = event.data; ... }; ws.onclose = function() { // websocket is closed. }; HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 37
  • 38.
    More logic willmove to the client... the browser! HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 38
  • 39.
    Web Worker I Multi-threadedJavaScript I Easy example: main.js: var worker = new Worker('backgroundtask.js'); worker.onmessage = function(event) { alert(event.data); }; backgroundtask.js: self.onmessage = function(event) { // Do some tough work... self.postMessage(some_data); } HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 39
  • 40.
    Offline Application Cache index.html: <html manifest="cache.manifest"> window.applicationCache.addEventListener('checking', updateCacheStatus, false); cache.manifest: CACHE MANIFEST CACHE: /html5/demo/index.html /html5/demo/style.css /html5/demo/background.png HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 40
  • 41.
    Web Messaging <iframe src="http://www.example.org/message/" id="iframe"> </iframe> <form id="form">   <input type="text" id="msg" value="Message to send"/>   <input type="submit"/> </form> <script> window.onload = function() {     var win = document.getElementById("iframe").contentWindow;       document.getElementById("form").onsubmit = function(e) {       win.postMessage(document.getElementById("msg").value);         e.preventDefault();       }; }; </script> HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 41
  • 42.
    Web Messaging <strong>This iframe is located on www.example.com</strong> <div id="test">Hello, World!</div> <script> document.addEventListener("message", function(e){     document.getElementById("test").textContent =       e.domain + " said: " + e.data; }, false); </script> HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 42
  • 43.
    WebStorage I Short livingdata I sessionStorage object I will be deleted after closing the browser I Long living data I localStorage object I will not be deleted after closing the browser Safari Firefox IE Opera 2 MB 5 MB ~ 200 MB 5 MB 4 MB ~ HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 43
  • 44.
    WebStorage if(!sessionStorage['counter']) {    sessionStorage['counter'] = 0; } else {    sessionStorage['counter']++; } document.querySelector('#content').innerHTML =     '<p>This sample has been run ' + sessionStorage.getItem('counter') + ' times</p>' +     '<p>(The value will be available until ' + we close the tab)</p>'; HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 44
  • 45.
    Web SQL Database vardb = window.openDatabase("Database Name", "Database Version"); db.transaction(function(tx) { tx.executeSql("SELECT * FROM test", [], successCallback, errorCallback); }); HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 45
  • 46.
    Geolocation if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(function(position) { var lat = position.coords.latitude; var lng = position.coords.longitude; var options = { position: new google.maps.LatLng(lat, lng) } var marker = new google.maps.Marker(options); marker.setMap(map); }); } HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 46
  • 47.
    Drag and DropAPI <li draggable="true" id="pic1" ondragstart="drag(this, event)"> <span>foobar.png</span> </li> <div id="trash" ondrop="drop(this, event)" ondragenter="return false" ondragover="return false"></div> function drag(target, e) { e.dataTransfer.setData('Text', target.id); } function drop(target, e) { var id = e.dataTransfer.getData('Text'); target.appendChild(document.getElementById(id)); e.preventDefault(); } HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 47
  • 48.
    Using the FileAPI (I) var reader = new FileReader(); reader.onload = function(e) { var bin = e.target.result; // „bin“ is the binary string }; reader.readAsBinaryString(file); HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 48
  • 49.
    Using the FileAPI (II) var xhr = new XMLHttpRequest(); xhr.open("POST", "upload.php"); xhr.overrideMimeType('text/plain; charset=x-user-defined-binary'); xhr.sendAsBinary(bin); xhr.upload.addEventListener("progress", function(e) { if (e.lengthComputable) { var percentage = Math.round((e.loaded * 100) / e.total); // do something } }, false); HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 49
  • 50.
    This was justthe JavaScript beginning... HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 50
  • 51.
    What‘s left forus PHP developers? HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 51
  • 52.
    HTML5 is partof an application framework! HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 52
  • 53.
    The LAMP stackgets a bust of Janus real time web component web application component HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 53
  • 54.
    PHP developers haveto learn JavaScript as well! HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 54
  • 55.
    Modern PHP applications use both: JavaScript PHP 50% 50% HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 55
  • 56.
    HTML5 for PHPDevelopers I Mayflower GmbH I 23. September 2010 I 56
  • 57.
    <!DOCTYPE html> HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 57
  • 58.
    HTML5 page structure <header> <hgroup> <nav> <article> <footer> HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 58
  • 59.
    HTML5 article structure <section> <aside> HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 59
  • 60.
    New semantic tags <time> <details> <figure> <figcaption> <mark> HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 60
  • 61.
    New link relations <linkrel="alternate" type="application/rss+xml" href="http://www.php.net/feed"> <link rel="icon" href="/favicon.ico"> <link rel="pingback" href="http://www.phpmyfaq.de/xmlrpc.php"> <link rel="prefetch" href="http://www.phpmyfaq.de/main.php"> ... <a rel="archives" href="http://www.phpmyfaq.de/archives">Old posts</a> <a rel="external" href="http://www.php.net">PHP Homepage</a> <a rel="license" href="http://www.apache.org/licenses/LICENSE-2.0">License</a> <a rel="nofollow" href="http://www.ruby-lang.org/">Ruby Homepage</a> <a rel="tag" href="http://devblog.phpmyfaq/category/PHP">PHP tagged postes</a> HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 61
  • 62.
    WebForms <input placeholder="Search Bookmarksand History"> after clicking... HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 62
  • 63.
    WebForms <inputmaxlength="256" name="q" value="" autofocus> <input maxlength="256" name="q" value="" required="true"> HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 63
  • 64.
    WebForms <input type="tel"> fortelephone numbers <input type="url"> for web addresses <input type="email"> for email addresses HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 64
  • 65.
    WebForms <input type="number" min="0"max="10" step="2" value="6"> 0 2 4 6 8 10 HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 65
  • 66.
    WebForms <input type="range" min="0"max="10" step="2" value="6"> HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 66
  • 67.
    Datepicker WebForms <input type="date"> <input type="month"> <input type="week"> <input type="time"> <input type="datetime"> <input type="datetime-local"> HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 67
  • 68.
    WebForm Color picker <input type="color"> HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 68
  • 69.
    contenteditable <p contenteditable="true">Edit foobar!</p> ISave it with I sessionStorage I localStorage I PHP powered backend with Ajax :-) HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 69
  • 70.
    <canvas> <canvas id="canvas" width="838"height="220"></canvas> <script> var canvasContext = $("#canvas").getContext("2d"); canvasContext.fillRect(250, 25, 150, 100); canvasContext.beginPath(); canvasContext.arc(450, 110, 100, Math.PI * 1/2, Math.PI * 3/2); canvasContext.lineWidth = 15; canvasContext.lineCap = 'round'; canvasContext.strokeStyle = 'rgba(255, 127, 0, 0.5)'; canvasContext.stroke(); </script> HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 70
  • 71.
    <canvas> HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 71
  • 72.
    WebGL HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 72
  • 73.
    Have fun withHTML5! HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 73
  • 74.
    And what aboutCSS3? HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 74
  • 75.
    New selectors .row:nth-child(even) { background: #cccccc; } .row:nth-child(odd) { background: #ffffff; } row 1 row 2 row 3 row 4 HTML5 for PHP Developers I Mayflower GmbH I 10. September 2010 I 75
  • 76.
    The state ofWebFonts... @font-face { font-family: 'FuturaNew'; src: url(FuturaNew.otf); } header { font-family: 'LeagueGothic'; colour: red; } No font replacement! :-) HTML5 for PHP Developers I Mayflower GmbH I 10. September 2010 I 76
  • 77.
    More new CSS3features... I better font support I better text wrapping I columns I opacity I Hue/saturation/luminance color model I Rounded corners, finally! ;-) I Gradients I Shadows I better backgrounds I transitions and animations HTML5 for PHP Developers I Mayflower GmbH I 10. September 2010 I 77
  • 78.
    HTML5 readiness HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 78
  • 79.
    HTML5 readiness 72 % 69 % 62 % 53 % 46 % 9 % IE8 Firefox 3.6 Opera 10.6 Mobile Safari (iOS 4) Safari 5.0 Chrome 6.0 html5test.com HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 79
  • 80.
    HTML5 readiness 2010 HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 80
  • 81.
    HTML5 readiness Cross- content New getElementsBy document semantic <video> <audio> editable ClassName() messaging tags IE 8.0 FF 3.6 Chrome 5 Safari 5 Opera 10.5 HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 81
  • 82.
    HTML5 readiness Basic Text API for Offline Web HTML5 <canvas> Drag n Drop Inline SVG <canvas> Applications WebForms support IE 8.0 FF 3.6 Chrome 5 Safari 5 Opera 10.5 HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 82
  • 83.
    HTML5 readiness 201 1 HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 83
  • 84.
    HTML5 readiness Cross- content New getElementsBy document semantic <video> <audio> editable ClassName() messaging tags IE 9.0 FF 4.0 Chrome 6 Safari Opera HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 84
  • 85.
    HTML5 readiness Basic Text API for Offline Web HTML5 <canvas> Drag n Drop Inline SVG <canvas> Applications WebForms support IE 9.0 FF 4.0 Chrome 6 Safari Opera HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 85
  • 86.
    But... HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 86
  • 87.
    Browser stats 2010 IE 8.0 29,0 % Firefox 3.6 24,0 % IE 7.0 13,0 % IE 6.0 7,5 % Chrome 6.0 6,4 % Chrome 5.0 4,5 % Firefox 3.5 4,4 % Safari 5.0 2,9 % Firefox 3.0 2,4 % Opera 10.6 1,4 % Safari 4.0 0,8 % Firefox 2.0 0,4 % Other 2,9 % StatCounter Global Stats HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 87
  • 88.
    What‘s already safefor using? HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 88
  • 89.
    contenteditable postMessage (same domain) postMessage(cross domain) WebStorage with IE 8+ HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 89
  • 90.
    Any help? A coolJavaScript library! e.g. Modernizr HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 90
  • 91.
    HTML5 helper No.1 HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 91
  • 92.
    Questions? HTML5 for PHP Developers I Mayflower GmbH I 23. September 2010 I 92
  • 93.
    Thank you verymuch! Contact Thorsten Rinne thorsten.rinne@mayflower.de +49 89 242054-31 Mayflower GmbH Mannhardtstr. 6 80538 München © 2010 Mayflower GmbH