Taking the plunge into HTML5 - files. Brown - Taking the plunge into...PDF fileHTML5 Boilerplate...

Click here to load reader

  • date post

  • Category


  • view

  • download


Embed Size (px)

Transcript of Taking the plunge into HTML5 - files. Brown - Taking the plunge into...PDF fileHTML5 Boilerplate...

  • Come on in. The water’s fine.

    Taking the plunge into HTML5

    by Ray Brown Owner, Bitmanic Jan 31st, 2011

    http://bitmanic.com/ http://bitmanic.com/

  • This Presentation My experience with HTML5 Cool new stuff Tips for diving in

  • But first...

  • An introduction Web professional for five years Started out as a designer Focused on programming Landed smack dab in between the two

  • My experience with HTML5

  • My experience Over a year of practical use New section elements New input types

  • New section elements

  • From div to shiv IE (

  • A whole new world

    Title Jan 31 2011

    Article content.

    More content.

    Title Jan 31 2011

    Article content.

    More content.

  • New input types

  • Cool new stuff

  • Cool new stuff New form goodies Data a#ributes Block-level links HTML5 Boilerplate Modernizr

  • New form goodies

    Client-side form validation, too! (Well, not yet.)

  • Data aributes


  • Block-level links This looks wrong, but it’s so, so right:

    Page title

    Page excerpt!

  • HTML5 Boilerplate html5boilerplate.com

    HTML5 “starter kit” A plethora of tips and tricks But can be a bit overwhelming

    http://html5boilerplate.com/ http://html5boilerplate.com/

  • Modernizr modernizr.com

    HTML5 and CSS3 feature detection Includes an HTML5 shiv Target browsers based on capabilities

    http://www.modernizr.com/ http://www.modernizr.com/

  • Tips for diving in

  • Dive Into HTML5 by Mark Pilgrim HTML5 for Web Designers by Jeremy Keith Hardboiled Web Design by Andy Clarke Countless blogs and online resources

    Read, read, read

    http://diveintohtml5.org/ http://diveintohtml5.org/ http://books.alistapart.com/products/html5-for-web-designers http://books.alistapart.com/products/html5-for-web-designers http://hardboiledwebdesign.com/ http://hardboiledwebdesign.com/

  • Dig into the HTML5 spec It’s a dry read, but also a definitive reference Lots of thorough examples


    Read... some more

    http://dev.w3.org/html5/spec/Overview.html http://dev.w3.org/html5/spec/Overview.html

  • Get comfy with HTML5’s new features Interact with other HTML5 devs Keep an eye out for new tools

    Get your feet wet

  • That’s all for now Thanks for your time! Questions? Come say “hi” during breakout. Or, email me: [email protected]

    mailto:[email protected] mailto:[email protected]