I removed flickering of an 2400px wide element while animating it by adding -webkit-backface-visibility:hidden; to the CSS. It worked fine. Later on a collegue reported that the Safari of his iPhone4S crashes everytime a section of the page is renderer. I managed to pinpoint the crash to the that line in the CSS. The fix was to replace it with -webkit-transform:translate3d(0,0,0);. No flickering or crashing after that!
Avainsana: css3
Very handy HTML5 & CSS3 checker: Modernizr.js
Modernizr detects which HTML5 and CSS3 features user’s browser supports and reports them in a very convenient way: it adds classes to the body tag. The supported features can be checked with javascript, but reporting features with CSS classes is ingenious! Developer don’t have to write if…else -conditions all over javascript because validation can be done in the stylesheet.
Jatka lukemista ”Very handy HTML5 & CSS3 checker: Modernizr.js”