Your solution looks alright for CSS3. There isn’t anything I can think of to improve your solution for modern browsers as the opacity property will never be applied by browsers that don’t support it anyway. There is literally no other browser besides IE6 and NN4 (and older) without support for :hover on elements other than … Read more
demo Basics Using :after we can inject content after each matched selector. The first selector matches any href attribute starting with //. This is for links that keep the same protocol (http or https) as the current page. a[href^=”//”]:after, These are the traditionally more common urls, like http://google.com and https://encrypted.google.com a[href^=”http://”]:after, a[href^=”https://”]:after { We can … Read more
They are almost exactly the same thing, but they differ in context. There is a class of browsers called “A Grade Browsers”. These are your typical audience members that (probably) make up the majority of your visitors. You’ll start with a baseline of these users. Call this best modern practices. If you want to enhance … Read more
This is the technique used in Modernizr and basically every other library that does canvas work: function isCanvasSupported(){ var elem = document.createElement(‘canvas’); return !!(elem.getContext && elem.getContext(‘2d’)); } Since your question was for detection when it’s not supported, I recommend using it like so: if (!isCanvasSupported()){ …