HTML5

Welcome to the Drupal HTML5 Group

html5+drupal logo

This is a discussion and working group for anyone interested in implementing HTML5 markup and API's in Drupal. We are working on several projects to provide HTML5 support for Drupal 7, and pushing to get HTML5 native markup and form elements into Drupal 8 core.

HTML5 Tools is a module for overriding what core is doing. http://drupal.org/project/html5_tools
It works with the Elements module. http://drupal.org/project/elements
HTML5 Base is a base theme for creating HTML5 themes. http://drupal.org/project/html5_base
Semantic Views can help you control the markup of your Views. http://drupal.org/project/semanticviews

Going to DrupalCon Chicago? Look out for a core conversation about getting HTML5 into core, and for code sprints to help with the work. And wear a HTML5 t-shirt on the day of the core conversation to show your support.

Follow us on twitter: http://twitter.com/drupalhtml5.

Working Group Documents:
HTML5 Myths

Discussions

emilianodelau's picture

Widgets (wdgt)

I use the application Hype to generate HTML5 compatible animations. Hype can generate a wdgt file that will run in iBooks or as a Dashboard app on the Mac. Is there any initiative to be able to upload these widgets directly into Drupal as a Drupal field?

pinkonomy's picture

Will HTML5 Tools help my Drupal site regarding SEO?

Hi,
I would like to ask if I use the HTML5 Tools module,will this help my site's SEO?
Furthermore,should I do any other configuration to the HTML5 Tools module?
Thanks

Jacine's picture

Do you think controlling wrapper markup in the UI would be a good idea for Drupal 8 core?

Some people believe that wrapper markup should be controlled via UI so that those configuring the site can choose the proper element to wrap blocks of content in, down to fields. This question is about Drupal core itself. Contrib has been and will continue to be able to solve this problem. See Display Suite, Views, Fences, etc.

Read more
medden's picture

wysihtml5 editor for Drupal wysiwyg module

I recently discovered a WYSIHTML5 open source rich text editor based on HTML5 technology...

http://github.com/xing/wysihtml5

I thought it would be a good fit for the WYSIWYG module, and added it in this patch...

http://drupal.org/node/1491142

Just wanted some opinions from the HTML5 group. This seems like a very clean solution to limit Drupal user input to HTML5.

Thanks for your feedback.

galher's picture

Stop making base themes and start developing installation profiles!

Themes section is full of very powerfull and configurable themes.
This is very helpfull if you are building a big website with complex functionality but most of us just want to develop something that's already out there and be able to slightly alter it to bend our needs.

I'm suggesting to leave the abstract website developing strategy driven by base themes and start by picking a case study and make it work.
It will save us time and will help new users to dive in.

So...
1.Pick a case study
2.Install required modules
3.Build custom content types base on the entities requiried

Read more
EricX's picture

HTML5 Animation

Hi there

I am busy with a very plain website for a client in Drupal 7. He wants me to add a HTML5 edge animation to the header of the website. I have been searching for a solution for the last 4 days bit still no luck.
Can anyone please give me some advise on how to do this?
Thank you

decibel.places's picture

Omega theme with Compass and SASS - what are the best practices?

For background, I am using Compass on the command line with an Omega HTML5 starter kit subtheme. Also, I'm in local dev on Windows 7 and abandoned trying to use the Compass module, but I'm pretty sure that doesn't matter if I can use the command line.

I have created a compass project in my theme and I have the SASS default stylesheets ie.scss print.scss and screen.scss - I created a .scss file for each of the Omega stylesheets. They are then compiled to CSS and watched by Compass.

Read more
tsi's picture

Sasson - new drupal base theme with Sass & Compass

Check out Sasson, you're gonna love it !

  • It includes Sass & Compass framework - no extra requirements, simply enable and start writing sass/scss (thanks peroxide and SASSy )
  • It's mobile friendly - with responsive, content-first layout, out of the box. optional mobile-first responsive layout, media queries break-points are configurable.
  • It converts the core template files to HTML5 markup - <header>, <footer>, <article> for nodes, <section> for blocks, <aside> for sidebars, <nav> for menus etc.(thanks Boron)
  • It includes a perfectly semantic grid system - no more non-semantic grid classes (based on 960gs via Compass).
  • It includes an HTML5-friendly CSS Reset (normalize), cross-browser styling compatibility improvements and other tweaks & best practices from HTML5Boilerplate v2.0
  • It enables HTML5 in oldIEs via HTML5shiv
  • It *doesn't* give you a pile of CSS rules you will have to override.
Read more
digodrupal's picture

How to seach text from .txt file

i need this help on drupal.

i have a text file and file name is C:\wamp\www\mysite\sites\default\files\abc.txt. in this file is;

aaaaa bbb
ccccc ddd
eeeee fffff

if i type aaaa in the search box and hits enter means the output should come with the node containing the word aaaa and this this text document also.

This will be shown in search output

is there any module available for that?

thanks.

cboden's picture

WebSockets

Last week I ran "bumped into" @Crell at a conference and we had a nice discussion on WebSockets and possible inclusion in Drupal. At @Crell's request I'm doing a followup here in the WSCCI about WebSockets, their usage, the current state and future of.

About WebSockets:

WebSockets are an HTML5 component that allows stateful, full-duplex communication between a server and client (web browser) through a low level TCP socket. This is not your grandfathers internet.
"Stateful" and "full-duplex" imply a few big things.

Read more

Events

Jacine's picture

HTML5 Office Hours

Start: 
2011-12-11 13:00 - 15:00 America/New_York
Organizers: 

We've begun holding weekly office hours in IRC. The main goal of office hours is to help mentor and empower new contributors to become regular core contributors.

Should I attend?

If any of the following apply to you, then you should absolutely attend:

Read more
Jacine's picture

HTML5 Initiative Sprint at BADCamp

Start: 
2011-10-21 13:15 - 19:00 America/Los_Angeles
Organizers: 

If you're attending BADCamp this week, and want to help out with the HTML5 Initiative (or any of the other initiatives), please join us on Friday at the Core Developer Summit event. The sprint will start around 1:15 PM and end by 7:00 PM. We'll be working on a bunch of issues all afternoon and would love for you to participate. Newbies welcome. :)

Location

International House Auditorium

Read more
Jacine's picture

Drupal 8 HTML5 Initiative Meeting #11

Start: 
2011-10-18 16:00 - 17:00 America/New_York
Organizers: 

Please join us for our 11th bi-weekly meeting to discuss issues and progress related to the Drupal 8 HTML5 initiative. The meeting will be held in #drupal-html5 in IRC at 4 PM EST. See time zone information.

Agenda

Read more
Jacine's picture

Drupal 8 HTML5 Initiative Meeting #10

Start: 
2011-10-04 16:00 - 17:00 America/New_York
Organizers: 

Please join us for our 10th bi-weekly meeting to discuss issues and progress related to the Drupal 8 HTML5 initiative. The meeting will be held in #drupal-html5 in IRC at 4 PM EST. See time zone information.

Agenda

Read more
linclark.research's picture

Microdata office hours

Start: 
2011-09-20 10:00 - 11:00 America/New_York
Organizers: 

Since the usual folks on the Linked Data planning call can't join this week, I'll be holding microdata office hours instead.

If you develop field formatters in contributed modules and want to figure out how to enable microdata for them, I would be happy to help you figure it out. Join IRC to ask me questions... #drupal-html5 or #drupal-rdf (and ping me with 'linclark' to get my attention ;-)

Even if you don't use IRC, feel free to contact me and we'll figure out a way to work together on this.

Jacine's picture

Drupal 8 HTML5 Initiative Meeting #9

Start: 
2011-09-20 16:00 - 17:00 America/New_York
Organizers: 

Please join us for our 9th bi-weekly meeting to discuss issues and progress related to the Drupal 8 HTML5 initiative. The meeting will be held in #drupal-html5 in IRC at 4 PM EST. See time zone information.

Agenda

Read more
Jacine's picture

Drupal 8 HTML5 Initiative Meeting #8

Start: 
2011-09-06 16:00 - 17:00 America/New_York
Organizers: 

Agenda

Please join us for our 8th bi-weekly meeting to discuss issues and progress related to the Drupal 8 HTML5 initiative. The meeting will be held in #drupal-html5 in IRC at 4 PM EST. See time zone information.

Read more
Jacine's picture

Drupal 8 HTML5 Initiative Meeting #7

Start: 
2011-08-23 16:00 - 17:00 America/New_York
Organizers: 

Agenda

Read more
linclark.research's picture

Microdata in Drupal: BoF at DrupalCon London

Start: 
2011-08-25 01:30 - 02:30 Europe/London
Organizers: 

Microdata is an alternate way of placing inline structured data. Fortunately, since it is based on RDFa, we can reuse a lot of the thinking that went into the RDF in Drupal core initiative. But there are some small differences as well. These small differences have a big impact on things like the involvement of field formatters in metadata output.

We need to start thinking about these impacts.

Who should come:

<

ul>

  • Field formatter developers
  • Advanced themers
  • Read more
    Jacine's picture

    Drupal 8 HTML5 Initiative Meeting #6

    Start: 
    2011-08-09 16:00 - 17:00 America/New_York
    Organizers: 

    Agenda

    Read more

    Wiki Pages

    Contributors of the Drupal 8 Mobile Initiative

    To cheer the contributors of the Drupal 8 Mobile Initiative, I am starting this initial list.

    Did you work on the mobile issue queues? Did you add a patch? Did you review patches? Did you do manual testing? Did you work on the mobile handbook pages? Please edit and add a link to your user account, your twitter handle, indicate if your company sponsored some or all of your work. Provide a brief description summarizing your contributions.

    Read more

    Unified approach to edit, contextual links, and overlay

    Problem

    “As a content author I want to make a quick change to a block on a page I am editing without having to wade through many levels of navigation or a sea of options.”

    Read more

    Responsive Drupal.org: What we want in a framework

    As part of the Drupal.org code sprint in Portland; Chris Ruppel, Joel Moore and myself have been discussing a new Bluecheese. A lean, tight, and admin friendly theme that lays out a framework for the future. One that would allow us to develop a mobile friendly, responsive design.

    What we want

    An admin friendly UI

    Read more

    Call for prototypers

    If you have development chops, designers and other contributors of this community need your help bringing designs to life.

    Allow me to paint a picture of the need and skills required...

    The task of creating content has been redesigned (http://groups.drupal.org/node/217434), and has reached a point of consensus. At this point, the design really needs to interactive to flush out how all of the various interactions will work (or don't). Additionally, once made interactive, we validate the direction by testing the prototype with end users.

    Read more

    Drupal 8 HTML5 Initiative Meeting #20 Notes 02-21-2012

    Please edit this wiki page if something needs more clarification, needs a link to a comment thread, etc!!!

    Attendees: jacine, mortendk, aspilicious, ericduran, Crell, Transition, linclark, katherined, davereid, webchick, jhood, jbeach, zigmoo, RobLoach, dcmouyard, lewisnyman, Snugug, (if I missed anyone please add yourself)

    Issues mentioned in meeting along with select comments: (I left more of the discussion in since some of the issues require more background information to follow)

    Issue #1 http://groups.drupal.org/node/211633 => Drupal 8 feature freeze: December 1st, 2012

    Read more

    Agenda/Notes from D8 HTML5 Initiative Meeting on 5/31/11

    Below is the agenda with notes we took today in the PiratePad document, slightly modified for better organization and readability.

    Agenda

    1. Set up regular meetings.
    2. Start mapping out initiative goals to actionable issues.
    3. Create a roadmap document where we’ll track progress.
    4. Discuss documenting our work.
    5. Discuss current issues and roadblocks.

    1. Meetings

    • Meetings will be held regularly to discuss sprints, progress, outreach and any issues that may be blocking progress.
    • It was decided that the meeting will occur every 2 weeks one Tuesday at 8pm UTC (1pm PT / 4pm ET).
    Read more

    Drupal HTML5 Guiding Principles

    Here are the principles we will follow when developing HTML5 functionality for Drupal.
    These principles are open for discussion here in this wiki.
    Please add your feedback below.

    10 GUIDING PRINCIPLES
    1. Support older browsers.
    2. Lean into the diversity of devices.
    3. Maintain existing functionality.
    4. Perform.
    5. Be accessible.
    6. Get semantic.
    7. Fulfill the common use case, not the edge case.
    8. Mimic XHTML. Be HTML.
    9. Value findability. Not mythology.
    10. Value practicality over purity.
    11. Support evolution.

    10 GUIDING PRINCIPLES
    0. HTML5ify

    Read more

    HTML5 Myths

    (Let's create a Myth versus Fact document to answer reoccurring concerns about HTML5 and Drupal. Anyone can edit this document and provide answers. HEAVY rewriting is welcome at this stage!)


    =====

    Myth: HTML5 is not done, we should wait until it's done before implementing it in Drupal.

    Fact: Most of HTML5 is dividable in 3 different groups: "it just works", "degrades by default", and "some effort required". See http://mathiasbynens.be/notes/html5-levels for additional information.

    Read more

    Helping with html5_tools Module for Drupal 7.x

    At 1st we're starting to make cck widgets for every html5 elements.

    We already have the number field in the html5_tools.module file and you can use that as a base for starting the other fields.

    If you're interested in what new fields are available take a look at the elements module code, there is not support for email, number, url, color, and range.

    Declaring a new widget type.

    /**
    * Implements hook_field_widget_info().
    */
    function html5_tools_field_widget_info() {
    return array(
    'numberfield' => array( // Machine name of the widget.

    Read more

    Drupal HTML5 Logo

    html5 logo and drupal html5 logo together

    HTML5 now has a logo. http://www.w3.org/html/logo/

    So the movement to get HTML5 and Drupal to work together should have one too.

    I've posted it at http://jensimmons.com/news/html5-logo-drupal because a) groups.drupal.org doesn't allow uploads of .ai files, and b) the logo is licensed Creative Commons attribution, not GPL, and that's not allowed on g.d.o either.

    Subscribe with RSS Syndicate content

    HTML5

    Group events

    Add to calendar

    Group notifications

    This group offers an RSS feed. Or subscribe to these personalized, sitewide feeds:

    Hot content this week