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

fbrier's picture

Missing 10,000 foot understanding of what HTML5_Tools provides with Forms API

I put together the beginnings of a module with a form using the Forms API. It had nested fieldsets and looked pretty good with the default Bartik theme. When I saw the HTML5 support for email, tel and number fields, I tried to use them by installing elements module and then the html5_tools module, and finally the Omega theme. I am assuming Omega is needed for HTML5 support, although I have not seen any specific mention of it.

Read more
chrisrcooper's picture

Further HTML5 integration in Drupal 7

What do you all think is going to happen to the state of HTML5 in Drupal 7 with the development focus shifting to Drupal 8? I worry a bit there's still going to be some large gaps in HTML5-related technology integration with Drupal 7 as the focus shifts.

I've just finished up writing a guide to HTML5 in Drupal 7:
http://www.daymuse.com/blogs/drupal-html5-guide-theming-tags-and-templates

Do you all have any thoughts on the remaining gaps in HTML5 implementation for Drupal 7 and where we go from here?

LewisNyman's picture

Changes to Drupal 8 that affect admin theme maintainers

Happy Friday! I maintain the admin theme in Drupal 8 core: Seven. There have been many changes to Seven in Drupal 8 that affect the relationship between admin themes and modules, and how the admin UI is generated.

I've always thought that the strategy we've put in place are going to have a positive impact on maintainers of contrib admin themes, but I've never sought out feedback directly. I am now!

Object oriented CSS

Read more
wissamataleh's picture

HTML5 and Drupal 7 help

Im new to drupal, and i want to create a full HTML5/CSS3 site, what modules and tools do i need to work with to do that or are the three listed tools in this group enough?

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

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 - 31 August 2014

Friday: Sessions & Frontend Love
Saturday: more Sessions & Frontend Love
Sunday: Codesprint

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

How can we improve frontend sprints at Drupal events?

At DrupalCamp Ghent, we held a very small frontend BOF, with myself, Laurii, Emma.maria, and guest frontender Xano.

It quickly became a retrospective on the Friday sprints that took place at DrupalCon Amsterdam. The collective thoughts were not positive. It felt like we fell way short of our goals and potential for the Friday sprint. Drupalcon Friday sprints are about introducing people to sprinting and it feels like we failed badly at that.

Here were some of the problems:

  • Newbies did not get enough help
  • The few people helping the newbies did not get enough support
Read more

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
Subscribe with RSS Syndicate content

HTML5

Group notifications

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

Hot content this week