Today major browser share goes to IE. and most of the internet user uses IE6, IE7, so, for them HTML5 and CSS3 is useless :)
I face major problem on browser compatibility issues..
That need to be solved first-hand..

"most of the internet user uses IE6, IE7"

That''s not true. A lot of users still stuck there, but it is not MOST of them. Please rephrase.

If you want transitions to work in IE6 and IE7 (and you don''t necessarily have to make them work, they are optional): you can easily make transitions via JavaScript, either using a library like jQuery (most libraries have animation/transitions built in) or writing your own animation code (which is not very hard).

I''ll use CSS3 transitions if it''s for optional transitions that might occur on a lot of elements and that is not 100% required. A good example of this: I usually put a simple CSS3 transition on the color change for hyperlinks. Not really required, but a nice touch for the browsers that support it.

Then again, it really comes down to target audiences doesn''t it ? After all, if you cater content to a majority of, say, web designer, then you might as well be using all those juicy CSS3 effects in combination with the clean semantics offered by HTML5. In that particular case you can even forget IE altogether (yeehaw).

It''s all about context I think. Grab your favorite analytics tool, get a good understanding of your target audience habits and decide consequently.

All: I totally think the above arguments are valid. It really does matter the browser/user you’re targeting and the context in which you’re working. I suppose that’s why I try to stress the word “appropriate” above. JavaScript is a great solution to many problems/desires, but as we move forward we now have a new option for some of the more common use-cases.

Thanks for all your comments and ideas and I hope to keep this conversation going!

I think the biggest thing to be wary of, when making page transitions, and site / page design in general is just because we can now do more crazy stuff, doesn''t mean we should.

Conventions can be very powerful tools we can use to help users find their way round our site, and in that sense should be used to our advantage, not seen as restrictions.

Especially when you are designing sites that visually aren''t necesarily "minimalist", having common features in expected places helps the visitor "read" your site quickly.

To me, this is the biggest flaw I see in a lot of all-Flash sites - designers get carried away with making stuff fly around all over the place, navigations that don''t make sense, layouts that are at different angles etc and ignore basic UI / UX principles. They ask too much of the user to take in and in doing so make sites that look great until you try and use them... at which point the user gets frustrated / confused and then leaves.

CSS3, jQuery carousels etc are great things that mean we can start adding transitions and other bits of sparkle to pages, but these should only really be used to explain an interaction, never to confuse it.

@Andy: I agree. Most of the times, users are happy to just scroll a page - if they think its content is interesting enough. It might be better of investing more time on perfecting ways to generate and organise engaging content than on eye-candy transitional effects. To an average user, ''interactive experience'' is not about experiencing the most cutting-edge inspirational navigation system. It''s more about reading interesting articles, watching awesome videos, communicating with other people on the internet. Having said that, transition is quite useful. But I won''t see it as a selling feature.

I absolutely agree that transitions should not be implemented simply because we can. What I propose is that we must consider the appropriate user interaction for the situation. I think this is especially true given the increased capabilites we have at our disposal now, and the speed of computing coupled with the diffusion of media devices.

A good example of appropriate transition, in fact, might be the *lack* of transtion on pages like the MIX Online "Writings" page (http://visitmix.com/writings/). The page never end, but rather "transtions" from one screen to the next transparently simply by scrolling.

I''m not necessarily proposing Xbox like animations and craziness ... unless that''s appropriate for the site you''re building ...

24 Ways published a great and in-depth article on CSS3 transforms and their use in the real-world: http://24ways.org/2010/intro-to-css-3d-transforms

Check it out if you have time and further interest

Here''s another article of note, written by Dan Cederholm on CSS3 Transitions.

http://www.alistapart.com/articles/understanding-css3-transitions/

It''s really well written, as usual from Dan, and informative.

Well, I visited Never Mind the Bullets and it requires IE9 as I have IE8 only and I don''t intend to upgrade it.
BTW, nice tips on CSS3 transitions

It’s all about context I think. Grab your favorite analytics tool, get a good understanding of your target audience habits and decide consequently.