Drupal 8 HTML5 Initiative

DRUPAL + HTML5
JACINE LUISI @jacine

HI THERE!

Front end developer @ Gravitek Labs
Co-maintainer for Markup and CSS for Drupal 7
Drupal 8 HTML5 Initiative Owner
Co-author “The Definitive Guide to Drupal 7”

http://drupal.org/html5
http://groups.drupal.org/html5/drupal-8

DRUPAL 8
IS GOING

HTML5!

HTML5 WILL BRING...

Better and more semantic markup
Better accessibility out of the box with ARIA roles
More intuitive and usable forms


NEW HTML5 ELEMENTS
<article> <details> <hgroup> <progress>

<aside> <summary> <keygen> <section>

<audio> <embed> <mark> <time>

<bdi> <figure> <menu> <track>

<canvas> <figcaption> <meter> <video>

<command> <footer> <nav> <source>

<datalist> <header> <output> <wbr>


NEW FORM ELEMENTS & INPUT TYPES
<keygen> <input type="color">

<meter> <input type="email">

<output> <input type="date"> + more variations

<progress> <input type="number">

<input type="range">

<input type="search">
Lots of new attributes too...
http://wufoo.com/html5/ <input type="tel">

<input type="url">


EXAMPLE
<input type="tel" required="required" placeholder="2125551212" name="tel" id="tel">

EASY
PLACEHOLDER TEXT

DIFFERENT KEYPAD

CLIENT-SIDE
VALIDATION


AND MORE AWESOMENESS!


SO... WHAT’S THE
PLAN?

PHASE 1
Implement a JavaScript fallback for non-supported browsers SUMMARY ISSUE
#1179520 #1077878

Implement new input types and form elements in Forms API SUMMARY ISSUE
#1183606 #675348

Use new HTML5 elements in templates and theme functions SUMMARY ISSUE
#1193054 #1077510

Add WAI-ARIA roles to markup SUMMARY ISSUE
#1179668 #966396

Convert <head> contents to HTML5 SUMMARY ISSUE
N/A #1174756

Ensure filter functions accept HTML5 elements SUMMARY ISSUE
N/A #732992


PHASE 2 POSSIBILITIES...

Rich media handling with <video> and <audio> SUMMARY ISSUE
#1174734 #1174892

Ability to select wrapper elements in the User Interface SUMMARY ISSUE
TBD TBD

WYSIWYG editor that uses contenteditable. SUMMARY ISSUE
TBD TBD


A HUGE OPPORTUNITY
FOR FRONT END DEVELOPERS WITH

DRUPAL

SOUND FAMILIAR?

You are frustrated with HATE Drupal’s markup
You are frustrated with HATE Drupal’s CSS
You know you can do it better
You want to get involved with core development


THIS IS YOUR CHANCE TO

GET INVOLVED

Developers are paying attention!
Markup and CSS will finally get the focus needed
for us to get the job done.
... IF we all come together and make it happen.


HERE’S HOW
YOU CAN

GET INVOLVED...

JOIN THE WORKING GROUP


ATTEND THE INITIATIVE MEETINGS
JOIN #DRUPAL-HTML5 in IRC
We have meetings every
other Tuesday at 16:00
EST to discuss issues/
progress.

Events are posted here:
http://groups.drupal.org/html5

The chat room is always
full of people involved
with the initiative. Use
it.
https://www.google.com/calendar/embed?src=drupal8html5%40gmail.com&ctz=UTC


FOLLOW US ON TWITTER
http://twitter.com/drupal8html5


READ ABOUT THE INITIATIVE


READ THE ROADMAP SUMMARIES
http://drupal.org/html5#roadmap


WRITE CODE. REVIEW PATCHES.
drupal.org/project/issues/search/drupal?status[]=Open&version[]=8.x&issue_tags=html5


HTML5 RESOURCES
Dive into HTML5
http://diveintohtml5.org/

HTML5 Doctor
http://html5doctor.com/

HTML5 technical specification for web developers
http://developers.whatwg.org/

When can I use...
http://caniuse.com/

HTML5 Accessibility
http://html5accessibility.com/index-aria.html

HTML5 Security Cheat sheet
http://html5sec.org/


THANKS FOR WATCHING!


Drupal 8 HTML5 Initiative

Recomendados

Recomendados

Más contenido relacionado

Similar a Drupal 8 HTML5 Initiative

Similar a Drupal 8 HTML5 Initiative (20)

Último

Último (20)

Drupal 8 HTML5 Initiative

Notas del editor