• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Html5 coredevsummit
 

Html5 coredevsummit

on

  • 1,864 views

Drupal makes XHTML1.0. But HTML5 is more awesome — so how are we

Drupal makes XHTML1.0. But HTML5 is more awesome — so how are we

Statistics

Views

Total Views
1,864
Views on SlideShare
1,379
Embed Views
485

Actions

Likes
0
Downloads
22
Comments
0

4 Embeds 485

http://jensimmons.com 477
http://www.jensimmons.com 6
http://translate.googleusercontent.com 1
http://localhost 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

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

    Html5 coredevsummit Html5 coredevsummit Presentation Transcript

    • HTML5 all your Drupal XHTML belong to us Jen Simmons aka: jensimmons (creator of Bartik) Sunday, August 22, 2010
    • jen.cm/h Sunday, August 22, 2010
    • HTML5 for Web Designers Jeremy Keith Sunday, August 22, 2010
    • Introducing HTML5 Bruce Lawson Remy Sharp Sunday, August 22, 2010
    • HTML5 Awesomeness (That I’m not going to talk about) • <audio> • geolocation • <video> • web workers • <canvas> • messaging API • data storage • web sockets • applicationCache • javascript APIs Sunday, August 22, 2010
    • HTML5 Forms • <input type=text> • <input type=range> • <input type=email> • <input type=color> • <input type=url> • <input type=text> • <input type=date> • <input type=tel> • <input type=time> • <input type=week> Sunday, August 22, 2010
    • HTML5 Form Attributes • autocomplete, min, max, multiple, pattern, step, required, placeholder • <input type=email required> • <input type=range min=1 max=11 name=tap> Sunday, August 22, 2010
    • HTML5 Markup • <section> • <footer> • <aside> • <time> • <article> • <nav> • <header> • <small> • <hrgoup> • <mark> plus ARIA Roles Sunday, August 22, 2010
    • HTML5 Header • <meta charset=“UTF-8”> • <link rel=”stylesheet” href=“file.css”> • <script src=“file.js”></script> Sunday, August 22, 2010
    • A Node in HTML5 <article id="node-title" class="node clearfix" > <header> <h2 class="title"><a href="xxx">My First Node</a></h2> <small>Published on <time datetime=2010-08-22 pubdate> August 22, 2010</time></small> </header> <p>Blah blah blah</p> <p>Blah blah blah</p> <p>Blah blah blah</p> <footer> <nav class="taxonomy"><ul><li><a>HTML5</a></li></ul> </nav> </footer> </article> <!-- /node--> Sunday, August 22, 2010
    • HTML5: Pieces of Cake • <! doctype html>; just change it in the theme • marking up the page.tpl.php file with HTML5 elements, just do it. Also block.tpl, node.tpl… Sunday, August 22, 2010
    • Harder: HTML Deep in Drupal • $submitted • menus • $head • $styles, $scripts • input forms • ?????? Sunday, August 22, 2010
    • Sunday, August 22, 2010
    • Solution: Short-term override everything Drupal does when it makes HTML Sunday, August 22, 2010
    • Solution: Long-term We may need to seriously rethink how Drupal makes HMTL • Allow people developing Drupal sites to more-easily change the HTML markup • Might mean putting Semantic Views, Semantic CCK, Semantic Menus, Semantic Everything —> into Core • Or doing something else that’s pretty radical Sunday, August 22, 2010
    • Bottom Line • HTML5 is all about the markup being more semantic, and conveying information about the content and the context of that content. • If Drupal gets a reputation of “yeah, but you can’t really do HMLT5 in Drupal without a whole lot of hard work” — we will be in trouble. Sunday, August 22, 2010
    • Bottom Line • The time to get this right is Drupal 8. • We need to change Drupal so it can do HTML5, well, and correctly. • And we need to start now. Sunday, August 22, 2010
    • MORE • http://groups.drupal.org/html5 • http://groups.drupal.org/node/82664 • HTML Tools http://drupal.org/project/html5_tools • Elements http://drupal.org/project/elements • HTML Base http://drupal.org/project/html5_base Sunday, August 22, 2010