Here are some simple cut-and-paste examples of HTML5/CSS3 features that are currently (mid-2010) usable across a number of web browsers, chief among them Firefox, Safari, Chrome and Opera.
For many of the CSS3 examples, Internet Explorer is the lone holdout with a limited number of workarounds, however these features degrade gracefully and may still be useful on new projects as long as this limitation is kept in mind.
Both for SVG and Canvas there exist solid workarounds in the form of JavaScript libraries that allow even Internet Explorer to display these new objects, and in the case of SVGweb it may be a good idea to use this workaround for all browsers to limit the variability of the SVG rendering across platforms.
Please note: With the exception of SVGWeb, no Internet Explorer workarounds have been included on this page - most of the examples will therefore not work in IE6, IE7 or IE8.
And if you want to discuss any of the code below or leave a correction or suggestion, you can leave comments below and here is also The Web We Should Have on my blog. Thanks!
Read More
No comments:
Post a Comment