On October 23rd, 2014, we updated our
By continuing to use LinkedIn’s SlideShare service, you agree to the revised terms, so please take a few minutes to review them.
The State of Html5 Support in DrupalPresentation Transcript
State of HTML5 in Drupalhttp://cf1.8tracks.us/mix_covers/000/706/621/90510.max1024.jpg
Jesse Beach● Joined Acquia in March 2010● CSS/Theming expert● Came to Drupal from Wordpress● Involved in improving the Drupal 8 theming layer● Has a light-saber (fact)http://drupal.org/user/748566
Rob Loach● Joined Acquia in December 2009● One of the top Drupal Core contributors (commits in 96 modules - 1088 commits)● Came to Drupal from a C# ASP.NET background● Enjoys playing the Ukulele (fact)http://drupal.org/user/61114
HTML5 is a specification1. Responds to the needs of web applications.2. Paves some cow paths of web development e.g. the header and article elements.3. Introduces new embedded content e.g. audio, video and canvas.Comparison of HTML4 to HTML5: http://www.w3.org/TR/html5-diff
HTML5 is a buzzword1. CSS3 is often, incorrectly, lumped together with HTML52. Other than the doctype, nothing makes an HTML document HTML53. Set of enhanced capabilities to make your HTML more interactive and more semantichttp://iscss3partofhtml5.com/
Major Browser Support IE Firefox Chrome Safari Opera IOS Opera Opera Android Safari Mini Mobile Browser 3.6 8.0 9.0 10.0 2.1 6.0 10.0 3.2 11.0 2.2 7.0 11.0 17.0 4.0-4.1 11.1 2.3 8.0 12.0 18.0 5.0 4.2-4.3 11.5 3.0Current 9.0 13.0 19.0 5.1 11.6 5.0 5.0-6.0 12.0 4.9Near 10.0 14.0 20.0 5.2 12.0futureFarther 15.9 21.0future http://caniuse.com
Doesnt Drupal use HTML5 today? Well, yes.
Zen 5http://drupal.org/project/zen http://www.palantir.net/blog/all-new-zen-same-guiding-principles
HTML 5 Toolshttp://drupal.org/project/html5_tools
We Want HTML5 Directly in Drupal 8!
Welcome to the HTML5 InitiativeBringing Drupals markup tothe HTML5 specification● Jacine Luisi● Tag: HTML5● #drupal-html5● http://groups.drupal. org/html5
HTML5 Initiative Goals● Have the most benefit for end users● Enable contributed modules and themes to evolve using HTML5● Allow theme developers to control where to use the new semantic elements, and opt out entirely if they so choose
Drupal HTML5 initiative issues
Its most important to note the crossed-out ( closed issues), the 3 yellow issues (in review) and the two remaining in-progress issues. For the most part, the template HTML5 updates are done with a couple exceptions.http://drupal.org/node/1193054
Contrib in Drupal 8?● Cleaner markup as HTML5 is provided out of the box● More CSS themes● Less template overrides● Additional focus on mobile and responsive layouts● Fun experimental stuff like geolocation and local storage!
Improvements committed so far ● Introduction of the <html> doctype ● Numerous template and CSS improvements ○ http://drupal.org/node/1193054 ● Form API HTML5 additions ○ http://drupal.org/node/1183606 ● HTML5 Shivhttp://bit.ly/KXRVax
Client-side Form Validation Drupal 7 Drupal 8 Required contributed modules The pattern attribute is validated on ● http://dgo.to/clientside_validation both client-side and server-side $form[website] = array( #type => textfield, #title => Website, #pattern => https?://.+, );http://drupal.org/node/1174766
What can we expect to have in D8? 1. Twig for the templating engine (?) 2. Better support for asynchronous content delivery page component caching 3. Break our page delivery into smaller bits and vary cache policies by components rather than at page-level scopes 4. Responsive Bartik 5. <progress> HTML5 tag for the Progress Barshttp://bit.ly/M18r7n