In a HTML5 / CSS3 Demo I am making, Im using CSS transitions mostly to speed up the performance.
I was wondering for my UI - where currently JQuery manipulates the LEFT attribute of a container Div based on mouse position for example, should I instead use
transform: translateX(tx) instead? or does JQuery do this automatically if the browser supports it?
jquery does not use transform: translateX(tx) instead. You have to do it manualy. But its a good practice to do this, because its actually much faster.
You could use Mondernizr for feature detection and then decide what to do according to the result.
Here a demo that demonstrates it: http://jsfiddle.net/zWavD/1/
This recipe can be found in it's original form on Stack Over Flow.