What's new in HTML5?

7,227 views
7,135 views

Published on

Presentation from the January, 2010 meeting of the Suburban Chicago PHP & Web Development Meetup on HTML5, the new "standard" for developing web sites.

Published in: Technology, Business
0 Comments
6 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
7,227
On SlideShare
0
From Embeds
0
Number of Embeds
330
Actions
Shares
0
Downloads
207
Comments
0
Likes
6
Embeds 0
No embeds

No notes for slide
  • The original HTML standards came out around 1992. In seven years we got up to 4.01.
  • HTML with XML syntax/formality
  • Moore’s Law continues to be in effect. Computers today are an order of magnitude faster than they were 10 years ago.
  • Broadband adoption skyrocketed. Internet use grew. People expect more.
  • Started in 2004.
  • Not SGML based. Doctype defined for browsers that do “doctype sniffing”. Not “html5” because of IE.
  • Do decoration with CSS
  • Stop making everything a <div>
  • Ping tells browser to do GET requests to sites w/o going there. Async script loading for scripts that aren’t something else’s dependancy.
  • SVG and MathML for advanced markup.
  • Canvas tag for dynamic images and animation
  • New ways to give your content meaning
  • Javascript API for a SQL data store in the browser. Replaces Google Gears.
  • Standard API for accessing GPS in mobile devices.
  • Drag and drop without libraries. Javascript API.
  • API for implementing an audio player.
  • API for playing video and implementing a player
  • YouTube’s normal interface, using Flash
  • YouTube’s HTML5 interface.
  • Wrapped up in politics. Firefox doesn’t want to call OS resources b/c that gives up portability. Licensing h.264 goes against open source ethos.
  • Standard behavior. Cutting back on rendering differences between browsers.
  • Do you want to be here all night? As usual, Wikipedia has the answers.
  • “Trident” is the IE rendering engine. Only supports a few minor things.
  • WHAT-WG submitted to W3C. Taking their time. This is why we’re still on HTML4, people!
  • Lets IE recognize block semantic elements and apply CSS. Doesn’t make IE compliant.
  • Have to talk about iPad (everyone else is). Big deal being made about lack of Flash. Has full HTML5 support.
  • Any questions?
  • If you want to see this presentation again, go here
  • What's new in HTML5?

    1. 1. <HTML5> Dave Ross February 4, 2010 HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
    2. 2. HTML 4.01 1999 HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
    3. 3. XHTML 1.1 2001 HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
    4. 4. HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
    5. 5. HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
    6. 6. WHAT WG Web Hypertext Application Technology Working Group HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
    7. 7. <!DOCTYPE html> HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
    8. 8. Deprecated <center> <font> <strike> <frameset> HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
    9. 9. New structural (block semantical) elements header nav section article aside footer HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
    10. 10. New Attributes <a href=”http://...” ping=”http://mysite.com/ping?12345”>Click me</a> <script src=”http://...” async=”async”></script> HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
    11. 11. Inline SVG and MathML HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
    12. 12. <canvas> http://www.slideshare.net/csixty4/the-canvas- tag-2829634 HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
    13. 13. Inline semantic elements Mark: Show <m>highlighted text</m> Time: Meeting at <time>7:00pm tonight</time> Meter: I would walk <meter>500</meter> miles Progress: <progress value=”5” max=”10”>50%</progress> Menu: <menu> and <command> HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
    14. 14. Input types text, password, checkbox, radio, file search, url, tel, email range color date, time, datetime, month, week... HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
    15. 15. localStorage API HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
    16. 16. Geolocation API HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
    17. 17. Drag and Drop HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
    18. 18. <audio> HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
    19. 19. <video> HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
    20. 20. YouTube Flash HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
    21. 21. YouTube HTML5 HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
    22. 22. Codecs • Safari and Chrome support • High quality/low file size • Hardware decoding • YouTube • Firefox, Opera and Chrome support • Open source/patent free • Wikimedia (Wikipedia) HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
    23. 23. Standard Algorithms Lexing Parsing Dealing with bad markup HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
    24. 24. That’s not all. http://en.wikipedia.org/wiki/HTML5 HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
    25. 25. Who supports HTML5 today? http://en.wikipedia.org/wiki/Comparison_of_layout_engines_(HTML5) HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
    26. 26. When? 2012: W3C Candidate Recommendation 2015: Marty McFly buys a copy of Gray’s Sports Almanac 2022: W3C Recommendation HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
    27. 27. HTML5-Shiv http://html5shiv.googlecode.com/svn/trunk/html5.js HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
    28. 28. Text No Flash. Full HTML5 support. HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
    29. 29. Dave Ross first used the web in 1995 and wondered what the big deal was. Today, he has ten years’ experience as a professional web developer. He met his wife on a dating website. davidmichaelross.com Questions? HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
    30. 30. slideshare.com/csixty4 suburbanchicagophp.org HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010

    ×