Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

PHP6 and HTML5

2,355 views

Published on

What’s new, what works, what doesn’t with PHP6 and HTML5.
www.silenceit.ca

Published in: Technology
  • Be the first to comment

  • Be the first to like this

PHP6 and HTML5

  1. 1. PHP6, HTML5 What’s new, what works, what doesn’t
  2. 2. PHP6: What’s new*? <ul><li>Unicode support throughout is planned (8/16?) </li></ul><ul><li>Code clean-up </li></ul><ul><ul><li>A lot of backwards compatibility (BC) removed </li></ul></ul><ul><ul><ul><li>register_globals, magic_quotes, and so on </li></ul></ul></ul><ul><ul><li>Needless/broken features removed (e.g. safe_mode) </li></ul></ul><ul><li>Changes in extensions </li></ul><ul><ul><li>EReg being dropped (already in 5.3) </li></ul></ul><ul><ul><li>XMLReader/Writer (5.1), APC, Fileinfo in core </li></ul></ul><ul><li>Namespaces (already in PHP 5.3) </li></ul>Source: Passing Curiosity (* Mostly new)
  3. 3. PHP6: What else is new? <ul><li>More neat features </li></ul><ul><ul><li>Features now in 5.3 : Anonymous functions, late static binding, PHAR, etc. </li></ul></ul><ul><ul><li>Other small changes </li></ul></ul><ul><ul><ul><li>E_STRICT included in E_ALL </li></ul></ul></ul><ul><ul><ul><li>[ ] used instead of {} for string indexes </li></ul></ul></ul><ul><ul><ul><li>ASP-style (<% %>) no longer supported </li></ul></ul></ul><ul><ul><ul><li>64-bit integers </li></ul></ul></ul><ul><ul><ul><li>… and more … </li></ul></ul></ul>Source: David Walsh
  4. 4. PHP6: To come <ul><li>There is more to come ( old list ) from PHP6 </li></ul><ul><li>PHP6 has been expected for a while, and thus has drawn a fair amount of criticism </li></ul><ul><ul><li>… even an April Fool’s joke on it’s release </li></ul></ul><ul><li>Developers do not want to rush it out the door, but get it done well and enjoy doing it </li></ul>
  5. 5. HTML5 <ul><li>HTML5 makes several changes and adds new features to HTML that were previously accomplished in a variety of other ways, e.g.: </li></ul><ul><ul><li><video> provides … video! Similar for <audio> </li></ul></ul><ul><ul><li><canvas> for drawing images on the fly </li></ul></ul><ul><ul><li>Storage for storing data (similarly to cookies) </li></ul></ul><ul><li>HTML5 doctype: </li></ul><ul><li><!DOCTYPE html> </li></ul>
  6. 6. HTML5: <canvas> <ul><li>Allows on-the-fly drawing, such as graphs, images, even animations </li></ul><ul><li>Several canvas demo galleries: </li></ul><ul><ul><li>http://www.canvasdemos.com/ </li></ul></ul><ul><ul><li>http://www.randomthink.net/labs/canvas/ </li></ul></ul><ul><ul><li>http://www.phpguru.org/static/html5-canvas-examples </li></ul></ul><ul><li>Many canvas samples/demos as well: </li></ul><ul><ul><li>http://mrdoob.com/projects/harmony/ </li></ul></ul><ul><ul><li>http://mugtug.com/sketchpad/ </li></ul></ul><ul><ul><li>http://canvaspaint.org/ </li></ul></ul><ul><ul><li>http://www.yvoschaap.com/chainrxn/ </li></ul></ul><ul><ul><li>http://www.rgraph.net/ </li></ul></ul>
  7. 7. HTML5: … versus Flash? <ul><li>Canvas is not, was not, and will never mean to be a (full-on) competitor with Flash </li></ul><ul><li>Canvas is meant to be used where Flash was used as a stop-gap, where often the question asked was “Isn’t there another way?” </li></ul><ul><li>JavaScript will never perform faster than precompiled scripting, thus would never (properly) manage to beat Flash in performance regardless </li></ul>
  8. 8. HTML5: A/V <ul><li>Youtube, DailyMotion, Vimeo and other video sites offer an HTML5 option, bypassing Flash for video </li></ul><ul><li>Ogg/Theora was being pushed as the standard </li></ul><ul><li>No consensus could be reached thus there is no standard codec; H.264 tends to be used (YT) </li></ul><ul><li>If Google open-sources VP8 , it is a likely candidate to be the standard </li></ul>
  9. 9. HTML5: General new mark-up <ul><li><header> (not to be confused with <head> of course) </li></ul><ul><ul><li>Used to contain groups of intro/nav items </li></ul></ul><ul><li><nav> </li></ul><ul><ul><li>Meant to desginate portion(s) of document used for navigation </li></ul></ul><ul><li><article> </li></ul><ul><ul><li>Similar to <section>, but meant to be independently usable, e.g. blog entry, comment, newspaper article </li></ul></ul><ul><li><section> </li></ul><ul><ul><li>Similar to <div>, usually beginning with a heading; <h1…6> can be re-used in a document using sections </li></ul></ul><ul><li><aside> </li></ul><ul><ul><li>Sidebars related to the content but separate from it </li></ul></ul><ul><li><footer> </li></ul><ul><ul><li>Similar to header, used for bottom of a section of content, e.g. copyrights </li></ul></ul>Source: A List Apart
  10. 10. HTML5: More general mark-up <ul><li><figure> (think “See figure 1”) </li></ul><ul><li><mark> for marking (highlighting) relevance </li></ul><ul><li>Linguistic helpers such as <ruby> </li></ul><ul><li>And more… </li></ul>
  11. 11. HTML5: Forms <ul><li>New input types: </li></ul><ul><ul><li>Text variants: </li></ul></ul><ul><ul><ul><li>Search (stylistic), telephone, URL, e-mail </li></ul></ul></ul><ul><ul><li>Time </li></ul></ul><ul><ul><ul><li>Time, date, time, month, week, datetime-local (no TZ) </li></ul></ul></ul><ul><ul><li>Number, range (with step, min/max attributes) </li></ul></ul><ul><ul><li>Color </li></ul></ul><ul><li>New attributes: </li></ul><ul><ul><li>Autocomplete (on/off), list </li></ul></ul><ul><ul><li>Required </li></ul></ul><ul><ul><li>Multiple </li></ul></ul><ul><ul><li>Pattern (basically a regular expression) </li></ul></ul><ul><ul><li>Placeholder (short hint text) </li></ul></ul>
  12. 12. HTML5: Forms (cont) <ul><li>New elements: </li></ul><ul><ul><li>datalist (for list attribute) </li></ul></ul><ul><ul><li>keygen (Yes, cryptographic keys) </li></ul></ul><ul><ul><li>output (for calculations) </li></ul></ul><ul><ul><li>progress* </li></ul></ul><ul><ul><li>meter* </li></ul></ul>(* Still have issues to be resolved)
  13. 13. HTML5: Plenty more <ul><li>Interactive elements </li></ul><ul><ul><li>details* </li></ul></ul><ul><ul><li>summary </li></ul></ul><ul><ul><li>command </li></ul></ul><ul><ul><li>menu </li></ul></ul><ul><li>More in the specification: </li></ul><ul><li>http://dev.w3.org/html5/spec/ </li></ul>(* Still have issues to be resolved)
  14. 14. HTML5: Browser support <ul><li>Important to note that HTML5 is not final just yet </li></ul><ul><li>Partial support from browsers so far </li></ul><ul><li>Internet Explorer: </li></ul><ul><ul><li>8, 7, 6, 5 and previous: No. </li></ul></ul><ul><ul><ul><li>A work-around exists to enable styling of unsupported HTML5 tags </li></ul></ul></ul><ul><ul><li>9: So far, yes </li></ul></ul><ul><li>Firefox: ~3.5-3.6 </li></ul><ul><li>Chrome/Chromium </li></ul><ul><li>Safari? </li></ul><ul><li>And others </li></ul>
  15. 15. ?

×