jQuery should prevent the need from CSS hacks...
A thought has a occurred to me a couple of times over the past week or
so, it would be awful convenient for jQuery to automatically add
classes to the body tag to indicate the browser and version. While I
know this can be done manually, it seems almost every visual plug-in
is using some form of CSS hack to fix various browser issues.
I think it would be beneficial to the developers if jQuery just
automatically tagged the body with classes, so that CSS hacks can be
prevented altogether.
What I was thinking is that jQuery would add two classes to the body
element, one indicating the browser and one indicating the browser
*and* version.
For example, for browser something like:
jquery-msie
jquery-mozilla
jquery-safari
And then for version, something like:
jquery-msie-6
jquery-msie-7
jquery-msie-8
The reason I'm suggesting 2 classes is often you just need specific
CSS for an entire browser line, but obviously sometimes you need to
target a specific version.
I think this would help with the UI projects as well. This should be
easy to implement and not really add much to the overall source code
base, but would be a huge help in developing CSS for sites. By having
jQuery add the classes it uniforms everything, so developers aren't
constantly having to re-invent the wheel and using their own
techniques.
Any comments?