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

mortendk's picture

Themer Survey 2014

We (the Drupal 8 Twig people) are doing a survey about the theme system in Drupal - please fill it out, the data is important for future development of the theme system:
Theme Survey 2014

cheers!

LewisNyman's picture

Making Drupal.org responsive at Drupal Dev Days

Drupal Dev Days is an important event in the Drupal calendar. The sponsors and organisers are kind enough to provide the community with a place to sprint for the entire week.

Read more
Lorenzo drupal's picture

Move a template from XHTML to HTML5...how do?

Hi all, or hello world!
1)Is there a way to change this template: http://www.consulcesi.it/ in a new one in html5?
2)Is possible to keep the same structure of the Urls?

The more is similar the more is good ;)

Thanks!
Lorenzo

p.s.
this is my first post. Dunnow if is the right discussion but...any help for the questios before? :)

tkoleary's picture

Trying out a new tool for surfacing good ideas

It's been a pet peeve of mine for a long time that, while D.O and G.D.O have a lot of great ways to add ideas and discuss them there's really no efficient way of collectively prioritizing the ones we should focus our efforts on.

I have spent a lot of time trying out different tools that do this, as well as trying to design and build them. We may at some point reach a home-grown solution, but in the meantime I have found a very simple and effective tool that I'm trying out. It's called Tricider. I've posted an initial question here:

http://tricider.com/brainstorming/1H6kX

Read more
viral007in's picture

Drupal 8 Theme

I am trying to install Bootstrap theme in Drupal 8, but am not able to install it. This was trail to start with drupal 8 themeing. Any help on this welcomed,

I get error message

"The bootstrap theme was not found.
Your version of Drupal is no longer supported. Upgrading is strongly recommended! See the available updates page for more information and to install your missing updates."

I did updates but still same issue.

Shyamala's picture

Update on Mobile initiative #43 - Component Naming convention

Target in hand for the mobile initiative:

Complete a survey of 3rd party resources to aid with component naming conventions.

The different steps are:

Do a survey of various style guides to see what others have named these components and build a list of possible components in a Google drive spreadsheet at: https://docs.google.com/spreadsheet/ccc?key=0AvR7gnIrX0ckdDgzNDI0blZVSnF...
List of style guides/resources that should be used for each component:

Read more
Snugug's picture

Responsive Ad Sprint at NYC Camp!

At NYC Camp this year we will be sprinting on Responsive Ad solutions for Drupal as well as working on a proposal for official responsive ad standards for the IAB. Join members from the Drupal and Advertising communities in helping to solve one if the hardest and most prominent hurdles in creating responsive sites.

You can register on the Responsive Ad Sprint page. I hope to see you there!

Shyamala's picture

Update on Mobile Initiative #40

ARCHITECT OUR CSS

Further to Dries blog on Reducing risk in the Drupal 8 release schedule at http://buytaert.net/reducing-risk-in-the-drupal-8-release-schedule there is a need to consolidate and make sure that the CSS architecture fixes do not become a blocker. To ensure the same John has moved the fixes & issues around CSS Architecture to the JohnAlbin’s Mobile initiative sandbox. This will also ensure that all the commits the renaming of CSS files done during the Singapore sprint get recognition! So Join John @ the sandbox to make the much awaited CSS clean possible and become a part of Drupal 8 release!

Yes! Rename files to match CSS file naming convention committed to D8, http://drupal.org/node/1987066 - COMMITTED to D8!

Read more
Shyamala's picture

Update on D8 Mobile Initiative - further to meeting #38

ARCHITECT CSS

Further to Dries blog on Reducing risk in the Drupal 8 release schedule at http://buytaert.net/reducing-risk-in-the-drupal-8-release-schedule there is a need to consolidate and make sure that the CSS architecture fixes do not become a blocker. To ensure the same John has moved the fixes & issues around CSS Architecture to the JohnAlbin’s Mobile initiative sandbox. This will also ensure that all the commits are consolidated and pushed as meaningful chunks. Also the renaming of CSS files done during the Singapore sprint get recognition! So Join John @ the sandbox to make the much awaited CSS clean possible and become a part of Drupal 8 release!

Read more
Shyamala's picture

Meeting notes #35 & #35.5

Scrum notes

  • Want to understand what has happened in the Drupal 8 mobile initiative till date, checkout my blog on the mobile initiative
  • dragon not for camel cases in CSS
  • oresh, ryan, Lewis and team working on sandbox called 78, new style guide http://drupal.org/sandbox/ry5n/1932040
  • Checkout Jesse's blog post at groups.drupal.org/node/290788 on Making the D8 Toolbar meet contrib's needs now and into the future
Read more

Events

mortendk's picture

Frontend United Copenhagen

Start: 
2014-08-29 12:00 - 2014-08-31 16:00 Europe/Copenhagen
Organizers: 

Frontend United in copenhagen 29-30 August 2014

Shyamala's picture

D8 Mobile Initiative Meeting #43.0

Start: 
2013-07-16 19:00 - 20:00 UTC
Organizers: 

Join Drupal 8 mobile initiative meetings! Catch up with what's next after code freeze for the Mobile initiative...

The meeting will be held as a Google+ Hangout (online video) with concurrent text chat in #drupal-mobile on IRC at:

Tuesday, July 16th:
San Francisco — 11am
New York — 2pm
London — 7pm
Taipei — 3am (Wednesday)
Convert to your timezone

Read more
Shyamala's picture

D8 Mobile Initiative Meeting #40.0

Start: 
2013-06-04 19:00 - 20:00 UTC
Organizers: 

Join Drupal 8 mobile initiative meetings! Catch up with the all new CSS Architecture...

The meeting will be held as a Google+ Hangout (online video) with concurrent text chat in #drupal-mobile on IRC at:

Tuesday, June 4th:
San Francisco — 11am
New York — 2pm
London — 7pm
Taipei — 3am (Wednesday)
Convert to your timezone

If you can’t attend at this time, there’s an additional meeting in Asia Pacific timezones at #40.5

Read more
Shyamala's picture

D8 Mobile Initiative Meeting #39.0

Start: 
2013-05-28 19:00 - 20:00 UTC

Join Drupal 8 mobile initiative meetings! Catch up with what happened in Drupalcon, hear John's Drupalcon stories...

The meeting will be held as a Google+ Hangout (online video) with concurrent text chat in #drupal-mobile on IRC at:

Tuesday, May 28th:
San Francisco — 11am
New York — 2pm
London — 7pm
Taipei — 3am (Wednesday)
Convert to your timezone

Read more
Shyamala's picture

D8 Mobile Initiative Meeting #39.5

Start: 
2013-05-29 04:00 - 05:00 UTC

The Drupal 8 mobile initiative meeting Asia Pacific timezones! Catch up with what happened in Drupalcon, hear John's Drupalcon stories...

The meeting will be held as a Google+ Hangout (online video) with concurrent text chat in #drupal-mobile on IRC at:

Wednesday, May 29th:
San Francisco — 8pm (Tuesday)
London — 4am
India — 9:30am
Taipei — 12pm
Sydney — 3pm
Convert to your timezone

Read more
tkoleary's picture

WYSIWYM (what you see is what you mean) BOF in Portland

Start: 
2013-05-22 01:00 - 05:00 America/Los_Angeles
Organizers: 

Background

The movement towards semantic data

Read more
JohnAlbin's picture

D8 Mobile Initiative Meeting #28.5

Start: 
2013-01-23 04:00 - 05:00 UTC
Organizers: 

Please join us for our next Mobile Initiative meeting to discuss issues related to the Drupal 8 mobile initiative. The meeting will be held as a Google+ Hangout (online video) with concurrent text chat in #drupal-mobile on IRC at:

Wednesday, January 23:
San Francisco — 8pm (Tuesday)
London — 4am
India — 9:30am
Taipei — 12pm
Sydney — 3pm

Read more
JohnAlbin's picture

D8 Mobile Initiative Meeting #28.0

Start: 
2013-01-22 19:00 - 20:00 UTC
Organizers: 

Please join us for our next Mobile Initiative meeting to discuss issues related to the Drupal 8 mobile initiative. The meeting will be held as a Google+ Hangout (online video) with concurrent text chat in #drupal-mobile on IRC at:

Tuesday, January 22:
San Francisco — 11am
New York — 2pm
London — 7pm
Taipei — 3am (Wednesday)
Convert to your timezone

Read more
JohnAlbin's picture

D8 Mobile Initiative Meeting #27.5

Start: 
2013-01-16 04:00 - 05:00 UTC
Organizers: 

Please join us for our next Mobile Initiative meeting to discuss issues related to the Drupal 8 mobile initiative. The meeting will be held as a Google+ Hangout (online video) with concurrent text chat in #drupal-mobile on IRC at:

Wednesday, January 16:
San Francisco — 8pm (Tuesday)
London — 4am
India — 8:30am
Taipei — 12pm
Sydney — 3pm

Read more
JohnAlbin's picture

D8 Mobile Initiative Meeting #26

Start: 
2013-01-08 19:00 - 20:00 UTC
Organizers: 

Please join us for our next Mobile Initiative meeting to discuss issues related to the Drupal 8 mobile initiative. The meeting will be held as a Google+ Hangout (online video) with concurrent text chat in #drupal-mobile on IRC at:

Tuesday, January 8:
San Francisco — 11am
New York — 2pm
London — 7pm
Taipei — 3am (Wednesday)
Convert to your timezone

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