Taking the big HTML5 and CSS3 leap

Filed in Dev talk 5 comments

I’ve been reading some HTML5 and CSS3 discussions and noticed how few actually take the challenge. Though it’s understandable to avoid working with languages that lack support, since the new HTML5 and CSS3 are still being implemented in our browsers today.

Truth is, W3C has taken a huge step with HTML5 with massive changes and updates and along with that, most browsers are implementing sides of it independently, which inevitably leads to partial support. But this is another story I’m not planning to cover in this post.

I adore the control HTML5 is giving us over elements we previously had to hack and manipulate with JavaScript, we have new and more semantic elements to structure our pages with and no more doctype copy/pasting haha

So, is HTML5 ready to use?

Well, yes and no. The market share for browsers that do not support HTML5 is high and it will most likely be this way for a good while. Take Internet Explorer for example, which below version 9, not only that it does not recognize the new elements (i.e. <audio>, <video>, <canvas> etc. ), but it ignores them completely and does not add them in the DOM, thus, traversing through your document with JavaScript may result in different behavior on IE’s side. This is easily fixable with JavaScript though, the trick is to create those elements when the page loads and IE will treat them as valid HTML elements, more on this in future posts.

What about CSS3?

CSS3 is a bit more difficult to handle, because browsers are implementing it by individual modules.
Good news is that, we can find out which browsers support CSS3 these modules and apply them (see HTML5 & CSS3 browser support grid from FindMyBeIP)

You always have to ensure that everything you style won’t break in browsers that do not support CSS3.
That’s why CSS3 is not recommended for critical layout structures and arrangements, rather for neat styling that people can live without in older browsers.

With that said, as a loyal W3C contributor, I’ve decided to focus on HTML5 and CSS3 in my future posts.

Are you up for the challenge? :P

Posted by Catalin   @   2 December 2010 5 comments
Tags : ,

Share This Post

RSS Digg Twitter StumbleUpon Delicious Technorati

5 Comments

Comments
Jan 19, 2011
6:53 PM
#1 SaaS :

Great, I have been looking for some more informative HTML5 stuff. I had not heard about CSS3 yet. I will be looking forward to your next post.

Jan 31, 2011
5:44 AM
#2 Brad :

HTML5 looks very promising. Slowly but surely it will revolutionise the web.

Author Jan 31, 2011
4:42 PM
#3 Catalin :

It sure does! It will probably take a few years before CSS3 will be fully developed and implemented for all designer’s hands.
But we can still take advantage of some of its properties along the way

Aug 25, 2011
2:53 AM
#4 Artie :

I am doing some consulting work for a web developer and starting to familiarize myself with all of the terms. I agree that HTML5 is revolutionary and I want to learn more about it. I am not familiar with C553 but plan to further research it and browse your blog for more info. Glad to stumble on this.

Trackbacks to this post.
Leave a Comment

Previous Post
«
Next Post
»
Luix designed by Video Game Music In conjunction with VPS Hosting , Website Hosting and Shared Hosting.