Using JavaScript To Detect CSS Support

Progressive Enhancement is one of the key ways of ensuring accessibility. However, it has been commonly known to be applied to using JavaScript. John Resig explains a method, called Progressive CSS Enhancement.

An interesting technique, using JavaScript to detects CSS support by a device. So the web site offers modern CSS techniques only if the device, like a browser, passes their test. Innovative.

The only catch is when JavaScript is disabled or worse, partially enabled, in a device and hence the CSS support, though present, is not detected. These are dependency problems, because now we depend on JavaScript to decide on the CSS. Since graceful degradation and progressive enhancement are two sides of the same coin, I cannot help but wonder if it will be better if graceful degradation is inbuilt into CSS standards. Of course, everything will finally depend that vendors to conform to it, which is not happening today and is the root cause of this effort.

Discussion [Participate or Link]

  1. Binny V A said:

    And Using CSS to detect Javascript support.

Say your thought!

If you want to use HTML you can use these tags: <a>, <em>, <strong>, <abbr>, <code>, <blockquote>. Closing the tags will be appreciated as this site uses valid XHTML.



Abhijit Nadgouda
iface Consulting
+91 9819820312
My bookmarks


This is the weblog of Abhijit Nadgouda where he writes down his thoughts on software development and related topics. You are invited to subscribe to the feed to stay updated or check out more subscription options. Or you can choose to browse by one of the topics.