GNU/Linux Free Software & Open Source Programming & Web Development

HTML5 a jump backwards in web standards?

Web standards have always been about good markup, keeping things in order and cleaned up, etc. Using transitional or strict DTDs and validating our markup with different tools was a good practice encouraged by many. With HTML5 things seem to be going a bit backwards regarding structure and markup rules. Google’s HTML styleguide shows an example of how many tags in HTML5 are now optional. The good part of it is that markup is more simple and file sizes get reduced a lot. For high traffic websites like Google’s, every byte saved can be a big difference.

Back when HTML4 was being widely used, there was a lot of messy markup, incomplete tags and many ugly things done by different tools or even made by hand. Then XHTML came in to establish good practices. Web standards were not exactly born then, but got established, more widely known and adopted. XHTML brought a lot of structure and rules on the markup, all with the promise of being forward compatible with whatever new technologies would bring. By having a very well structured document and a correct markup, there would be no ambiguity for the markup parsers of that time and the ones the future would bring.

w3c html5 valid

But now with HTML5 everything that XHTML came to establish seems abandoned. The HTML markup has always been very permissive, as browsers tend to fix any unclosed tags and minor details like that. But the fact that the specification itself is also very permissive with lots of thing as optional, makes me think that we’re going backwards and contradicting everything that was told on the XHTML “web standards days”.

Very little effort is needed to update any XHTML document into HTML5. The move with HTML5’s new tags is to have a more semantic web and it seems to work fine. The question is: will HTML5’s loose markup be as forward compatible as XHTML markup turned out to be?

Digital rights Law & Freedom Emacs GNU/Linux Free Software & Open Source News Programming & Web Development

Make Emacs yasnippet work with html-helper-mode

Yasnippet is a great emacs minor mode that lets you have lots of code snippets easily at hand. Also you can create your own snippets in a very easy way without needing to write them in emacs lisp. Basically, like textmate shortcuts for emacs.

I use html-helper-mode to edit all my html code, but yasnippet works with html-mode only out-of-the-box. To make it work with html-helper-mode, add ‘html-helper-mode-hook’ to yasnippet.el on line 121:

It should look like this:

'(ruby-mode-hook actionscript-mode-hook ox-mode-hook python-mode-hook html-helper-mode-hook))

Then make a symlink to html-mode on the snippets folder. Assuming you are on yasnippets snippets/text-mode/ directory, type:

ln -s html-mode/ html-helper-mode

And now all html snippets will be available on html-helper-mode too.

Image is Creative Commons byitspaulkelly
GNU/Linux Free Software & Open Source News

Firefox to support OGG in

Open source browser Firefox is going to support Ogg Theora video natively without installing plugins and will support the new HTML 5 tag

This is great news since there has been a long debate about the HTML 5

The latest version of Opera browser also supports Ogg Theora videos natively already.