What's new in HTML5?
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

What's new in HTML5?

on

  • 8,907 views

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

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

Statistics

Views

Total Views
8,907
Views on SlideShare
8,597
Embed Views
310

Actions

Likes
6
Downloads
202
Comments
0

10 Embeds 310

http://zssubotica.mezoka.com 154
http://www.siggyvolgt.nl 90
http://www.slideshare.net 27
http://localhost 13
http://suburbanchicagophp.org 12
http://belikeliquid.com 10
http://static.slidesharecdn.com 1
http://webcache.googleusercontent.com 1
http://www.zssubotica.mezoka.com 1
http://www.facebook.com 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Apple Keynote

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • 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
  • 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? Presentation Transcript

  • 1. <HTML5> Dave Ross February 4, 2010 HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
  • 2. HTML 4.01 1999 HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
  • 3. XHTML 1.1 2001 HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
  • 4. HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
  • 5. HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
  • 6. WHAT WG Web Hypertext Application Technology Working Group HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
  • 7. <!DOCTYPE html> HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
  • 8. Deprecated <center> <font> <strike> <frameset> HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
  • 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. 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. Inline SVG and MathML HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
  • 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. 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. 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. localStorage API HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
  • 16. Geolocation API HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
  • 17. Drag and Drop HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
  • 18. <audio> HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
  • 19. <video> HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
  • 20. YouTube Flash HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
  • 21. YouTube HTML5 HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
  • 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. Standard Algorithms Lexing Parsing Dealing with bad markup HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
  • 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. 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. 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. HTML5-Shiv http://html5shiv.googlecode.com/svn/trunk/html5.js HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
  • 28. Text No Flash. Full HTML5 support. HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
  • 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. slideshare.com/csixty4 suburbanchicagophp.org HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010