• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
What's new in HTML5?
 

What's new in HTML5?

on

  • 8,762 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,762
Views on SlideShare
8,454
Embed Views
308

Actions

Likes
6
Downloads
201
Comments
0

10 Embeds 308

http://zssubotica.mezoka.com 153
http://www.siggyvolgt.nl 89
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? What's new in HTML5? Presentation Transcript

  • <HTML5> Dave Ross February 4, 2010 HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
  • HTML 4.01 1999 HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
  • XHTML 1.1 2001 HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
  • HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
  • HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
  • WHAT WG Web Hypertext Application Technology Working Group HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
  • <!DOCTYPE html> HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
  • Deprecated <center> <font> <strike> <frameset> HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
  • New structural (block semantical) elements header nav section article aside footer HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
  • 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
  • Inline SVG and MathML HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
  • <canvas> http://www.slideshare.net/csixty4/the-canvas- tag-2829634 HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
  • 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
  • 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
  • localStorage API HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
  • Geolocation API HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
  • Drag and Drop HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
  • <audio> HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
  • <video> HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
  • YouTube Flash HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
  • YouTube HTML5 HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
  • 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
  • Standard Algorithms Lexing Parsing Dealing with bad markup HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
  • That’s not all. http://en.wikipedia.org/wiki/HTML5 HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
  • 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
  • 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
  • HTML5-Shiv http://html5shiv.googlecode.com/svn/trunk/html5.js HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
  • Text No Flash. Full HTML5 support. HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
  • 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
  • slideshare.com/csixty4 suburbanchicagophp.org HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010