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

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
mikejabber's picture

cupcake.js

A new efficient HTML5 Web storage management js library is out now. This is called cupcake.js and is coming with rich set of features. You can check this at : http://www.rivindu.com/p/cupcakejs.html

Shyamala's picture

Update on D8 Mobile Initiative - #31.5

Links to videos, watch the recording of this weeks meetings: #31.5 https://www.youtube.com/watch?feature=player_embedded&v=_16DrlNwIWI

Today’s meeting highlights

1) [policy] Finally agree on CSS coding standards was discussed, particular reference to comments from Sun.

2) Discussed how to bring in more participation to the Mobile Core issue queues, use Core mentoring. John also demonstrates the process of creating a task as a mentor at http://core.drupalofficehours.org/

Read more
Shyamala's picture

Update on D8 Mobile Initiative - #31.5

Links to videos, watch the recording of this weeks meetings: #31.5 https://www.youtube.com/watch?feature=player_embedded&v=_16DrlNwIWI

Today’s meeting highlights

1) [policy] Finally agree on CSS coding standards was discussed, particular reference to comments from Sun.

2) Discussed how to bring in more participation to the Mobile Core issue queues, use Core mentoring. John also demonstrates the process of creating a task as a mentor at http://core.drupalofficehours.org/

Read more
slashrsm's picture

HTML5 multiple uploads in Drupal 8?

I've been working on a patch that implements support for HTML5 multiple argument to type='file' input element. Patch introduces "#multiple" attribute to core's file and managed_file FAPI elements. File and Image fields use that to allow multiple uploads on multi-value fields. I also fixed all tests that were affected by changes in FAPI elements and implemented upgrade path for minor changes in image field's default_image configuration. Patch is ready for reviews and improvements, so I'd like to invite anyone interested to help making it RTBC.

More info:

Read more
Shyamala's picture

Code Sprint at Sydney

Those at Sydney do not forget to join the code sprint at Sydney: http://sydney2013.drupal.org/program/code-sprint

John is having a Featured session at Sydney on CSS is for Clark Kent. Sass is for Superman.

This week's Mobile initiative meeting cancelled as John will be travelling to Sydney.

Shyamala's picture

Summary of D8 Mobile Initiative Meeting #27 & #27.5

Amazing participation on the very first Eastern-Hemisphere-friendly Drupal 8 Mobile Initiative meeting, we had over 5 new participants. Look at seeing you all on issue queues and continued support for the mobile initiative.

Read more

Events

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
JohnAlbin's picture

D8 Mobile Initiative Meeting #25

Start: 
2012-12-04 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, December 4:
San Francisco — 11am
New York — 2pm
London — 7pm
Taipei — 3am (Wednesday)
Convert to your timezone

Read more
timwelsch's picture

Live Webinar: Taking Drupal Cross-platform

10 things you need to know to optimize a Drupal website for any device or platform.

When:
January 10th
North America – 2PM EST. Register Here
EMEA – 3PM GMT. Register Here

Read more
JohnAlbin's picture

Drupal 8 HTML5 Initiative Meeting #23

Start: 
2012-09-11 16:00 - 17:00 America/New_York
Organizers: 

Please join us for our 23rd 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 on Tuesday.

Agenda

During the meeting, we will discuss:

  1. Current initiative status.
  2. Code freeze. What has to go in before. What can go in after.
  3. HTML5 field widgets. http://drupal.org/node/1183606
  4. The CSS clean-up work. What about SMACSS? http://drupal.org/node/1089868
  5. Self-organizing the HTML5 Initiative meetings until remaining tasks are completed.
Read more
ZenDoodles's picture

Combined Drupal 8 Initiatives Windsprint (Mini Sprint)

Start: 
2012-06-22 17:00 - 19:00 UTC
Organizers: 

We will hold windsprints (mini sprints) each week on IRC in #drupal (on irc.freenode.net).

Timezone conversion: Friday, 17:00 to 19:00 UTC

Objectives

  • Bring lessons learned from core mentoring hours to Drupal 8 Core Initiatives.
  • Provide a structured time where anyone can contribute to core initiatives.
  • Leverage an army of potential contributors who don't know where to start.

The Plan

Read more
jhood's picture

Drupal 8 HTML5 Initiative Meeting #22 At Drupalcon Denver and in IRC!

Start: 
2012-03-23 09:00 America/Denver
Organizers: 

Please join us for our 22nd bi-weekly meeting. This will be a special in-person sprint to work on issues and progress related to the Drupal 8 HTML5 initiative. The meeting will be held at Drupalcon Denver, but you can also join #drupal-html5 via IRC to help out.

The sprint will run all day, starting from 9 AM MDT until 6 PM along with the rest of the Drupalcon sprints.

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