A few days ago I decided to dive into HTML5 and CSS3. I did fall in love with them and as result you can see that I didn’t need to make any weird images for rounded corners or gradients. For the best part, everything works as it should with latest browsers, although I had some small problems.
Gradients are working quite well, I mean linear gradients. Radial gradients are not so supported, especially in Opera 11.10, so I needed to do some workarounds and used SVG. That worked out really well and background is same for every browser. There are some setbacks, again.
I was impressed how Internet Explorer 9 handled svg background. Svg gradient was fully supported and crolling was smooth. In firefox 4, it was smooth too but only with windows version of firefox. Under Ubuntu, scrolling was a bit sluggish. In Opera 11.10, scrolling was quite sluggish on both platforms. Hopefully these things will improve with next releases.
Other small issuses are Internet Explorer related. Placeholder didn’t work with IE9. IE 8,7 and 6 cannot show svg-s and they don’t have no idea what do to with border-radius or rgba. With a few hacks, IE-s lower than 9 will show page quite well, I was able to make them almost similary to work.
So, if you need to see full eyecandy on my page, please upgrade your browser to the latest version.