Buenas!
Quería comentar acerca de un pequeño plugin para jQuery que hice.
Es una pequeñez, pero que puede resultar bastante útil a veces (a veces). Quizás ya haya algún script que haga lo mismo, pero lo he buscado y no lo he encontrado.
Bueno, al grano. El plugin consiste en cargar estilos css y aplicarlos al documento, pero a través de jQuery. ¿Cuál es la utilidad? Pues que se pueden aprovechar los selectores de jQuery, y se los puede aplicar directamente en el css y que se vean bien en todos los navegadores.
Por ejemplo, los selectores "div:odd" y "div:even" no serán interpretados por los navegadores, a menos que se apliquen con jquery. O quizás usar los selectores input:text, input:submit, etc. Sin preocuparse de la compatibilidad.
Ejemplo:
HTML:
CSS:
Código CSS:
Ver originaldiv:odd {
width: 100px;
height: 100px;
background: red;
}
div:even {
width: 200px;
height: 100px;
background: blue;
}
JS:
Código Javascript
:
Ver original$(function($){
$('body').css3lector('style.css');
});
Resultado:
Safari 3 Chrome 3 Firefox 2 IE 8 IE 7 IE 6
Un ejemplo en vivo & source:
http://www.ezakto.com/css3lector/
Bueno, la verdad no sé qué tanta utilidad le puede dar cada uno, pero es un buen y simple método para olvidarse de algunos conflictos con el css (especialmente con el ie).
Saludos!
PD: Algún bug por ahí habrá, como que por ahora no funcionan los :hover..