Mark Greenwood Team : Web Development Tags : Web Development

What you are likely missing out on if your browser isn't HTML5 compatible.

Mark Greenwood Team : Web Development Tags : Web Development

HTML 5 and CSS3 offers developers some much wanted functionality that previously required many, many lines of programming code. That has now been reduced in many cases to 0 lines of programming and 1 CSS declaration! With many effects now being handled natively, interactive and dynamic elements respond more quickly and smoothly than ever before.

However... if you aren't using an HTML 5 compatible browser, the internet is probably looking less glossy than it did just 1 year ago.

What's the reason? Graceful fallback. This means that developers are coding all the bells and whistles (which are now often very quick and easy) for HTML5 and the "graceful fallback" for older browsers is that you just don't get to see all the cool stuff any more, that used to take days of work!

4 things you're probably missing out on if you're using an older browser. 

  1. Transitions: HTML element CSS attributes can now easily transition between values. From it's screen coordinates to it's colour, it's so simple that a developer would be mad to bother getting older browsers to transition from one state to the next now.
  2. Animations: In part thanks to transitions, remember that cool sub menu that used to slide down when you hovered the top level item? It's likely you're seeing it just show and hide.
  3. Transforms: Once the domain of IE only (ironically IE is currently the least advanced) you're possibly missing out on 3D, at the very least you're not seeing any 2D transformations.
  4. Canvas: Allowing the programmer to draw on the screen using vector graphics a frame at a time, this allows for any number of cool high resolution dynamic effects. If you haven't played a canvas game in your browser, you really missing out!