HTML5

Events happening in the community are now at Drupal community events on www.drupal.org.

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

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.

Read more
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
lewisnyman's picture

Drupal 8 Mobile UX Roadmap

As we found out in London, Drupal's mobile admin interface faces some big obstacles to overcome. If we want to to be able to tackle some of these problems in the next release cycle we need focus, the idea being we don't move on to the next item in till we have the previous one licked. I've whipped up proposal for our road map. This is by no means complete, there is plenty of detail to fill in.

I'm hoping we can work on it together.

Words to live by

Don't let the current interface hold us back

Read more
linclark's picture

Drupal+Microdata article on IBM developerWorks

IBM developerWorks asked me to do a series of articles on microdata. They just published the first article, Combine Drupal, HTML5, and microdata (it really talks about the microdata part of HTML5, rather than the more core parts that we're dealing with in the HTML5 initiative).

Read more
jacine's picture

Drupal 8 now has an HTML5 DOCTYPE

I'm excited to announce that the patch to convert the html.tpl.php template has been committed. Here's what this means:

  1. Drupal 8 has a true HTML5 DOCTYPE.
  2. RDF is not hard-coded and the RDF variables are not exposed in the templates.
  3. There are separate variables to handle attributes for <html> and <body> elements. This allows us to easily add attributes to the <html> element, such as a manifest attribute (which is needed when working with Offline Web applications using the Application Cache).
Read more
johnalbin's picture

Blueskying Drupal 8 Mobile Solutions

Building mobile solutions encompasses a large problem space: native apps, HTML5 web apps, responsive design, device capability detection, mobile/desktop switching, front-end performance, etc.

I'm seeing lots of really interesting contrib modules and themes tackling mobile problems in Drupal 7.

Since Dries has already indicated that mobile will be an important aspect of Drupal 8, my question is:

what do you think Drupal 8 core (not contrib) should provide for mobile solutions out of the box?

Read more
hypertext200's picture

Video module now compatible with WYSIWYG

Today I released new beta version of the video module, we have fixed lot of core issues on the video module, wiped out unwanted code, formatted code to match coding standards and lot more.

Module Required : WYSIWYG

In feature wise we could add WYSIWYG module support. In WYSIWYG setting button and plugin you can see option to enable video button.

Read more
jacine's picture

So Long, Internet Explorer 6

On September 11, 2011, the Drupal project scored a huge win. Dries Buytaert committed a patch, officially dropping IE6 support in Drupal 8! This is exciting news for Drupal, as it will allow us to get rid of some legacy baggage, and use more clean and modern coding techniques. It also translates to less of a burden for contributors.

Read more
hypertext200's picture

Video module 7.x-2.1-alpha2, what you should know?

Original post : http://heididev.com/video-module-7x-2x-what-you-should-know

I released video module 7.x-2.1-alpha2 version on 11th of Sep. This major version completely redesign the video module and its core, I'm the only one worked on this release and seems our co-maintainers (6.x) had no time to contribute code to the 7.x yet. I'm very very happy about the progress of downloading and using video module. It has over 10,500+ usage now.

In this article I'm going to examine some new features added to the video module.

Read more
Everett Zufelt's picture

Resuming monthly accessibility conference calls

During the accessibility BoF at Drupalcon London several people showed interest in resuming the monthly conference calls that we have had in the past.

I would be happy to participate in these calls, and think we should get started. There are several initiatives that require some attention, primarily:

  1. html5 accessibility (including WAI-ARIA in Core)
  2. WYSIWYG in Core
  3. Further triage and patches for open accessibility issues
  4. ...

I'm hoping that someone will volunteer to organize these calls so that we can:

Read more

Events

jacine's picture

First Drupal 8 HTML5 Initiative Meeting

Start: 
2011-05-31 16:00 - 17:00 America/New_York
Organizers: 
Event type: 
Online meeting (eg. IRC meeting)

As you may have heard, the HTML5 core initiative has officially launched!

Now it's time to get to work.

Come join us for our first meeting next Tuesday. It's going to be an open meeting (online in IRC) for anyone who wants to get involved and help with the HTML5 initiative.

Location

The meeting will be held in #drupal-html5.

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.

I hope to see you there!

Read more
woeldiche's picture

Drupal Design Camp Berlin

Start: 
2011-06-25 09:00 - 2011-06-26 16:00 Europe/Copenhagen
Organizers: 
Event type: 
Drupalcamp or Regional Summit

join top drupal designers and developers for 2 days of focussed workshops, sessions & discussions on design and drupal. This event will shake the very foundation of Drupal & how druplicon looks at itself will it end up purple ?

See http://drupaldesigncamp.net/

Read more
amateescu's picture

HTML5 Code Sprint at Drupal Developer Days Brussels

Start: 
2010-02-04 10:00 Europe/Brussels
Organizers: 
Event type: 
Sprint

I'm happy to announce that a HTML5 code sprint will take place on the 4th of February, at the Drupal Developer Days in Brussels.

The original post is here: http://bxl2011.drupaldays.org/node/352, and there will be at least 4 people attending: Manuel Garcia, Alan Burke, Seth van Hooland and myself.

We'll continue to work on the HTML5 Base theme, HTML5 form elements in HTML5 Tools and overall planning & scheming.

As always, you should bring a laptop, knowledge about HTML5 and ideas about what we need to do next to get HTML5 support into core.

Read more
jensimmons's picture

HTML5 Code Sprint in NYC & Galway

Start: 
2011-01-22 12:00 - 19:00 America/New_York
Organizers: 
Event type: 
Sprint

Let's have a code sprint to work on HTML5 implementation for Drupal 7 and Drupal 8. It will be in Brooklyn (signup to find out where) with very limited space!

We'll work on the HTML5 Base theme, HTML5 form element implementation (in HTML5 Tools + Elements), overall planning & scheming (in preparation for March's DrupalCon), and whatever else you want.

I'll provide yummy squash & sweet potato soup (vegan/wheat-free) and snacks for eating whenever people want.

You bring a laptop, knowledge about HTML5, and ideas about what we need to do next to get HTML5 support into core.

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: