I recently redesigned one of my personal websites and used some CSS3 coding. It works great in Firefox and Opera but not in Internet Explorer. IE7+, at least, looks acceptable, but with the dreaded IE6 it is a bit broken up. Now, if I were the type of person who had an inkling of respect for anyone who still uses IE6 I would have solved this problem for IE6 users but instead I've left it as it is and written a bit of JavaScript to tell (off) IE6 users to upgrade.
However, if I ever need to make CSS3 work in IE or need to remember the cool CSS3 effects, here's where I'd go: http://www.smashingmagazine.com/2010/04/28/css3-solutions-for-internet-explorer/
It covers Opacity / Transparency, Rounded Corners, Box Shadow, Text Shadow, Color Gradients, Transparent Background Colors, Multiple Backgrounds and Element Rotation, and the options available for IE. It's an awesome resource.
On another note, I've been looking at HTML5 from a distance for quite a while now but really haven't got my hands dirty yet. I found this great HTML5 slide show, which covers almost everything, but then I found something else, an example of HTML5 form widget, something that Firefox (3.6.3) doesn't show but Opera (10.51) gets working.
Basically, without Javascript or anything, just plain HTML5, for date and time fields, Opera shows a widget where you can pick the date and time with your mouse or keyboard. It's just so surprising to find something like this without needing heavy JS libraries and frameworks. Hopefully, the rest of the browsers will follow suite and build better such widgets and in the future we'll be using far less JS (or there will be some wicked abstraction going on).
No comments:
Post a Comment