Does anybody knows when Drupal will support HTML5? I am asking this as we have some screencast tutorials at our website and we may add more such video tutorials in the future. Currently, we are using Vimeo (Flash) for the videos, but native Ogg Theora using HTML5 would be much better of course.
As the browser usage of our visitors is very different from the global statistics (*), it will be no problem for us to switch to HTML5 when for example Internet Explorer does not yet supports that standard. Also, being able to switch our website to HTML5 would be an easy way for us to support open standards. That's why HTML5 support in Drupal would be very helpful to us.
(*) Roughly speaking our website browser usage stats are evolving like this:
* IE: dropping below 20%
* Firefox: about 60%
* Other browsers: about 20%
Comments
Probably not for a while.
Probably not for a while since neither HTML 5 nor XHTML 2 are official recommendations yet and it looks like it might be quite a while until they are. I can't speak for the core drupal development team, just my assessment.
Drupal will be able to do HTML 5
It's not the right question to ask. You need to ask: "which browser supports HTML 5?".
The answer: none. HTML 5 is still in development. However, some browser are starting to implement some HTML 5 features. For example, Firefox 3.1 will support the HTML 5 < video > tag.
Drupal can generate HTML or XHTML, you'll just need to create the proper templates. So yes, you will probably be able to generate the proper code seen in your tutorial with Drupal, but only the browser mentioned in the tutorial will let you playback the content as intented.
/*_*/
http://www.xmacinfo.com
I know that most of the
I know that most of the current browsers do not supports HTML5, but as you also say, Firefox 3.1 will support the video tag (and probably more) of HTML5 which is the main reason why I would switch to HTML5 (dropping the dependency on Flash would be great).
So, when Firefox 3.1 is available, there will be at least 2 browsers with (some) HTML5 support. I guess Safari, Chrome and Konqueror will soon follow. When that happens, it would be really useful to me to be able to switch my Drupal site to HTML5, as all these browsers together account for about 80% of my visitors. For visitors who still use a browser with no support, I will add a link to the VLC website and the video file.
The advantage is that my website will not require Flash anymore.
PS: Opera and HTML5: http://dev.opera.com/articles/view/the-first-working-draft-of-html-5-is-...
"you'll just need to create the proper templates."
That's not enough I guess; how can I change for example the doctype of my html pages?
doctype
That is defined at the top of your page.tpl.php template(s).
--
Anton
Simple DOCTYPE
This is easy.
Take any Drupal theme, and like styro said, modify the page.tpl.php file. In that file, replace the doctype with this one:
<!DOCTYPE html>/*_*/
http://www.xmacinfo.com
html 5 and video
Hear, hear! At last we can embed open format video in web sites in as simple a way as inserting a picture (img src and video src). So quick and clean.
Great idea to add a link to VLC too.
That is also the wrong
That is also the wrong question to ask. You need to ask: "which browsers degrade gracefully with HTML5?".
The answer: (almost) all. Even with HTML5 specs in development, there is no reason not to use it. The basics of HTML5 are backwards compatible with HTML4, and all current browsers implement that.
Here here!
Here here!
page.tpl.php
Would HTML5 support be as easy as modifying your .tpl.php files to render HTML5 tags?
PS what do you think adobe will do when the world no longer relies on flash? (i know they have other software to sell, but flash is such a huge part of the web)
You can definitely use HTML 5
You can definitely use HTML 5 in Drupal 6 themes now. I wrote about how to create a HTML 5 theme. I have not investigated how to make the forms use HTML 5 attributes though, I am sure it is not an easy task.
Well, I started and almost
Well, I started and almost finished converting my site to HTML5. I did hit a brickwall with the very same thing you mentioned; that is form input types. Haven't really come up with the solution yet.
As a sort of helper module I
As a sort of helper module I created http://drupal.org/project/html5 which adds in support for older browsers which is effectively an implementation of some of remy sharp's solutions.
HTML5 Site
I just finished up my own site in HTML5/Drupal6, so it's definitely do-able. However, just as with browsers, I imagine implementation of all the new elements, form inputs, etc. will take quite some time.
evanwillhite.com
Your Site
Great job on the site, Evan. Really a nice Drupal site. You have a flair for design. Congratulations, and I look forward to your future creations. I'm going to try to implement the audio and video tags for HTML5 on my site so I don't have to rely on flash, but it's a little daunting at the moment. Thanks for the inspiration.
Jeremy
http://CinemaSaville.com
It is a nice site, Jeremy,
It is a nice site, Jeremy, but Evan did not use any HTML5 elements or really even any syntax. Rather, just the doctype.
HTML 5 video
Check out my project proposal at http://drupal.org/node/803312
Basic FileField based support for HTML 5 video for Drupal.
This Google Summer of Code
This Google Summer of Code proposal might be of interest as well.
http://groups.drupal.org/node/72058
using HTML 5
Hmm. So what happens when you make your Drupal site dependent on HTML 5 features, and some poor shmuck comes along forced to use IE6 by his corporate IT department? Will your site offer alternative presentations for old browsers, or at least degrade gracefully and still be usable? We need to keep in mind that not everyone keeps up to date on the bleeding edge, and must at least think about usability on ancient browsers. If you have a very narrow audience, say, on a corporate intranet, and know they'll have a minimum level of browser capability, then you can think about exclusively using more advanced features.
BTW, if anyone knows how to have both IE6 and IE8 available on a Windows XP box (without doing Virtual Machine stuff or multiple boot partitions) — for testing purposes only — I'd appreciate hearing about it.
IE6 and IE8
Hi Druid. I use IETester: http://www.my-debugbar.com/wiki/IETester/HomePage
--
I was the lead developer for the New York State Senate.
Interesting...
Ah, that's an interesting tool. It doesn't seem to say much about what it does... does it let me in effect render my pages on a wide range of IE browsers? It would be great if I didn't have to install IE8 and lose IE6 capability (or stay with IE6 and not be able to test IE8).
Wow! Talk about a totally dysfunctional organization! Not something I'd boast about working for. I'm about ready to lead a pitchfork-and-torch equipped mob up to Albany to get those clowns working! Three and a half months late on the budget, with only a political impasse, is not acceptable.
Yep, it absolutely lets you
Yep, it absolutely lets you render pages on a wide range of IE browsers without installing or overwriting any. It's not perfect (in that, as I recall, I had to click "Refresh" instead of hitting "ctrl-R", and minor annoyances like that) but it does what it's supposed to, and that's invaluable. Plus it's got some other neat tricks (like a "Refresh and clear cache" button option for ease of access).
Re: the senate, what're you talking about? That signature alone pretty much makes me more qualified to legislate than the rest of the senators..! In all seriousness though, the Office of the CIO was a new organization in the Senate as of the majority's taking power last election, and I'm very proud of the work we did on nysenate.gov. Particularly the Open Data page, which I developed: http://www.nysenate.gov/opendata. It includes expenditure and payroll reports that let you see exactly how much of your money is being spent by any senate employee and on what. For instance, you can see that the Senate paid for me to travel up and down to Albany a couple times in X pay period. If you're unhappy, they are at least trying to give you the tools to organize and promote change, something which no other state legislative body has done.
--
I was the lead developer for the New York State Senate.
Senatus Populesque Newyawkus
Probably quite true. I'm not slamming you or your tech people — you probably did a fine job. It's those unprintable morons we elected to do a job for us, and instead spend their time with political bickering, handing out pork, and seeing who can hoist their butt higher into the air. They need an angry mob surrounding the Legislature to remind them to get to work pronto.
Anyway, let's not hijack this thread too badly. I'm willing to let it rest... too busy sharpening the tines on my pitchfork.
Web Analytics!
Wow! You guys even publish web analytics! That's amazing. I can tell you, if my city/province did that, I'd be digging through and trying to offer suggestions for the site myself. Such a progressive idea... :)
Wow. The Open Data section is
Wow. The Open Data section is GREAT. I love the functionality, but there seems to be a consensus that government websites need to be "official" looking, which basically means that they can't look "sexy" (in design-speak). While they don't pull off the functionality nearly as well, I really like Toronto's open data site:
http://www.toronto.ca/open/
Anyhow, wonderful job, Craig! Cheers
Another IE checker tool
Here's another good IE checker tool
http://ipinfo.info/netrenderer/index.php
It might be limited because you can't scroll the page, but you can test the website in versions 6, 7 and 8 without installing anything
Browser Sandbox
Hi Druid,
Browser Sandbox works well on my tablet PC for testing IE8 & IE6. You have to install their plugin, but it's only minimally invasive.
http://www.spoon.net/browsers/
Adaptivetheme 7.x is HTML5
The Drupal 7 version of Adaptivetheme is HTML5. A lot of work has gone into generating correctly sectioned output and correctly structured outlines (important stuff in HTML5 pages). Basically its kicking ass, I'm loving working in HTML5 and never want to go back to HTM4 or XHTML1.1.
Pimp your Drupal 8 Toolbar - make it badass.
Adaptivetheme - theming system for people who don't code.
Couldnt agree more. I love
Couldnt agree more. I love working in HTML5 and CSS3. Whenever I'm forced to go back to HTML4 I'm thinking how ancient everything seems now. Ha.
Hello. Dont know. Meybe you
Hello.
Dont know. Meybe you can try to make template with HTML5 support?
On it
Check out the HTML5 Group, and everything we've been working on. We are starting a movement to get Drupal 8 to support HTML5, and working on solutions for Drupal 6 & 7 to use now.
http://groups.drupal.org/html5
Jen Simmons
The Web Ahead
http://jensimmons.com
http://thewebahead.net
Suggestion for Core HTML 5 Support
There is a lot to HTML 5 support that could be advantageous beyond simply writing a HTML 5 template.
For example, could we use local storage to optimise performance (http://diveintohtml5.org/storage.html)? Could we output forms with the correct type so that they only accept valid input and are optimised for smart devices (http://diveintohtml5.org/forms.html)? The latter could be particularly useful for administering Drupal sites on a smart device.
My answer would be "preferably". There's really no reason not to start including HTML 5 feature integration into the Drupal core/modules, and maintain backwards compatibility by using a library like modernizr.
Just my two cents.
Much of this stuff is
Much of this stuff is happening now for Drupal 8 in the HTML5 issue queue, how about getting involved - we really need more people working on this stuff.
Pimp your Drupal 8 Toolbar - make it badass.
Adaptivetheme - theming system for people who don't code.