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

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

What's new in HTML5?

6,909

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.

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
6,909
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
203
Comments
0
Likes
6
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
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
  • 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

    ×