Robin Whittleton

Kyan vs. HTML5, round 2

Back in October I posted an article on our first steps with HTML5. Unfortunately, since then we’ve tripped over a rather large stumbling block.

That article dealt with the reworking of our intranet. Luckily for me as a front-end developer no-one in the company uses Internet Explorer; this isn’t the case in the wider world. IE has problems with the new HTML5 elements: it can’t style them at all. There is a a solution though (courtesy of Sjoerd Visscher): create each element once using Javascript and IE suddenly understands that they exist. On the whole this is a very good solution, undercut by one fatal flaw.

Print stylesheets

At Kyan we view a print stylesheet as a common courtesy to users. With it we can strip out headers and footers and just leave the page content. While printing though (for obvious reasons) Javascript isn’t executed. This breaks our html5shiv script and means that the new elements are unstylable in all current versions of IE.

The workaround is to wrap all the new elements in wrapper <div>s and style those instead, but then you’re increasing the amount of markup compared to current HTML4 or XHTML1, and for the time being this isn’t really a tradeoff worth making. Of course, with the gradual reduction of IE in the marketplace this tradeoff is something we should keep on evaluating.

 

Tags: html, html5, javascript, ie6, print, css

See more posts

Comments: 1

chris
commented on

Interesting point Robin, this makes me ask if the industry should be using html5 yet (at least until all major browsers - even IE grr) support it. Even though it offers some fantastic advances on HTML4 and xHTML1 until it is standardised perhaps we shouldnt be utilising it just yet - i've heard similar arguments about using CSS3 too.

Of course for internal projects like your intranet, i see no harm!

Add a comment

Note: comments are moderated before publication.

Most Popular

Easy image rollovers

Robin Whittleton

Recently themeforest.net ran a quick tutorial on how to achieve an image slide effect similar to our homepage. I thought I’d go into some more detail about the design decisions we made.

Get on the 'social media' bandwagon

Matt Hamm

‘Social media’ is the new buzz term. Everybody’s doing it, and why? Because it can generate masses amount of traffic to your website, which can easily turn into revenue. It’s really what ‘web 2.0’ is all about.

Kyan.com colophon

Robin Whittleton

Now that our new site is live, I can finally talk about development decisions we made. The site last had a makeover in mid-2008 so what we can do has moved on quite considerably, and we’ve tried to take advantage of that where possible.

Writing is hard, so do it

Neil Middleton

Over the last few months I’ve been working on something that I wouldn’t have seen myself doing at any point in my life, and that’s the task of writing a book. I’m not talking about a ‘Janet & John’ novel, or some sort of ‘Fifty Shade…

Google+