HTML5
Welcome to the Drupal HTML5 Group
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
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.
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.
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.
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.
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
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).
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:
- Drupal 8 has a true HTML5 DOCTYPE.
- RDF is not hard-coded and the RDF variables are not exposed in the templates.
- 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).
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?
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.
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.
- 1 of 5
- ››
Events
Drupal 8 HTML5 Initiative Meeting #20
Please join us for our 20th 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.
Agenda
During the meeting, we will discuss the progress of the current sprint and schedule issues for the next sprint. Please post your proposed discussion topics in the comments if you have any.
Subscribe
Drupal 8 HTML5 Initiative Meeting #19
Please join us for our 19th 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.
Agenda
During the meeting, we will discuss the progress of the current sprint and schedule issues for the next sprint. Please post your proposed discussion topics in the comments if you have any.
Subscribe
Drupal 8 HTML5 Initiative Meeting #18
Please join us for our 18th 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.
Agenda
During the meeting, we will discuss the progress of the current sprint and schedule issues for the next sprint. Please post your proposed discussion topics in the comments if you have any.
Subscribe
Drupal 8 HTML5 Initiative Meeting #17
Please join us for our 17th 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.
Agenda
During the meeting, we will discuss the progress of the current sprint and schedule issues for the next sprint. Please post your proposed discussion topics in the comments if you have any.
Subscribe
CANCELLED: Drupal 8 HTML5 Initiative Meeting #16
THIS MEETING HAS BEEN CANCELLED.
Please join us for our 16th 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.
Agenda
During the meeting, we will discuss the progress of the current sprint and schedule issues for the next sprint. Please post your proposed discussion topics in the comments if you have any.
Subscribe
Drupal 8 HTML5 Initiative Meeting #15
Please join us for our 15th 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.
Agenda
During the meeting, we will discuss the progress of the current sprint and schedule issues for the next sprint. Please post your proposed discussion topics in the comments if you have any.
Subscribe
Drupal 8 HTML5 Initiative Meeting #14
Please join us for our 14th 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.
Agenda
During the meeting, we will discuss the progress of the current sprint and schedule issues for the next sprint. Please post your proposed discussion topics in the comments if you have any.
Subscribe
Drupal 8 HTML5 Initiative Meeting #13
Please join us for our 13th 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.
Agenda
During the meeting, we will discuss the progress of the current sprint and schedule issues for the next sprint. Please post your proposed discussion topics in the comments if you have any.
Subscribe
Drupal 8 HTML5 Initiative Meeting #12
Please join us for our 12th 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.
Agenda
During the meeting, we will discuss the progress of the current sprint and schedule issues for the next sprint. Please post your proposed discussion topics in the comments if you have any.
Subscribe
HTML5 Office Hours
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:
- 1 of 3
- ››
Wiki Pages
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
- Set up regular meetings.
- Start mapping out initiative goals to actionable issues.
- Create a roadmap document where we’ll track progress.
- Discuss documenting our work.
- 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).
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
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.
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.
Drupal HTML5 Logo
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.
The Original HTML Tools & Base Plan
In July 25, 2010, at DrupalCamp NYC 8, a Birds of a Feather discussion and code sprint was held to figure out how to best get Drupal to do HTML5. The following was decided:
We are creating a set of tools: HTML5 Tools. http://drupal.org/project/html5_tools
And a base theme: http://drupal.org/project/html5_base
Drupal 6.x form elements to be converted to their HTML5 counterpart
<?php
/**
* Implementation of hook_form_FORM_ID_alter().
*/
function html5_tools_forms_form_user_edit_form_alter(&$form, &$form_state) {
if($form['account']['mail']['#type'] == 'textfield') {
$form['account']['mail']['#type'] = 'email';
}
}
?>Oh Yeah the new form types :-D
New form elements types (email, numberfield, tel, range ,search ,url ) - http://drupal.org/node/816090
Missing Element types (date, color) - http://drupal.org/node/876780
<
table>
