Taking the big HTML5 and CSS3 leap

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? 😛


My name is Cătălin Berța and I'm a front-end web developer. I was born in Focsani, Romania and currently living in Bucharest. Started playing with some good old html tables ever since 2004 as a hobby, turned out to be a full-time career! :) I've had the chances to experience and witness web development's rapid growth over the years where I've mainly focused on front-end web technologies.

5 thoughts on “Taking the big HTML5 and CSS3 leap

    1. 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

  1. 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.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">