Operación limpieza (la compatibilidad entre navegadores )

Desarrollo Web, Diseño, Lenguajes de Programación Tags

compatibilidad, CSS, estándares, Internet Explorer, navegadores, resetear css, web desing

Para poder mantener la compatibilidad entre navegadores hay que limpiar los estilos, por aquello de que que en cada navegador se ve distinto y ellos ya traen sus estilos predefinidos. Yo siempre usé mi código pre-elaborado para todo css, paseando por ahí encontré este conjunto de hojas de reseteo, con los cuales la mía quedó salieron con la cabeza gacha y el rabo entre las patas. XD

En la web de estándares y accesibilidad he conseguido un artículo bien interesante donde destaca la importancia de resetear los CSS, y usar una hoja de estilos que se ajuste a nuestras necesidaes, tambien coloco

Aquí condenso todas las hojitas:
Gracias a 70 Expert Ideas for Better CSS Coding encuentro otras hojas de estilo iniciales que sería bueno revisar:

Inicial CSS de Faruk Ate?.
YUI Reset CSS de Yahoo.
Resetting Again de Eric Meyer* (Ene, 2008).
Global white space reset.
Initial CSS de Christian Montoya.
Initial CSS de Mike Rundle.
Initial CSS de Ping Mag.
Initial CSS de Rudeworks (Este gracias a WebIntenta).
Reset CSS de aNieto2K (Este gracias a él mismo).
Tripoli Generic CSS de David Hellsing (Gracias a aNieto2K).
CSS Reseter de CSS Lab.
Base.css de Alberto Forbes (In love with CSS).
A Killer Collection of Global CSS Reset Styles

Eric Meyer explicalo siguiente;

… todos los navegadores tienen presentaciones preestablecidas y todas ellas diferentes. Por ejemplo, algunos navegadores sangran las listas con un margen izquierdo, mientras otros usan el padding…

Pero hay todo tipo de inconsistencias, unas más sutiles que otras. Los títulos tienen márgenes superiores e inferiores ligeramente diferentes, las distancias de sangría son diferentes, y así sucesivamente. Aún algo tan básico como la altura de las líneas varía de un navegador a otro—lo cual puede tener efectos en la altura de los elementos, las alineaciones verticales y en general todo el aspecto.

Esto no es algo que consideremos muy a menudo. Pensamos en nuestro CSS para modificar el aspecto por defecto de un documento —pero con una hoja de estilos “reset”, podemos hacer este aspecto más consistente entre los diferentes navegadores, y así disponer menos tiempo peleando con estas diferencias…

Hay otra razón por la que quiero resetear muchos estilos en muchos elementos. No sólo reiniciar las márgenes y el padding. También quiero que todos los elementos tengan un tamaño de fuente, un peso, un estilo y una familia consistentes. Si, quiero remover la negrilla de los títulos y los elementos strong; quiero quitarle la itálica a los elementos em y cite.

Quiero todo esto porque no quiero dar por hecho los efectos de los estilos… Lo cual me hará pensar un poco más a cerca de la semántica de mi documento. Con el reseteo montado, no podré escoger el elemento strong si el diseño necesita una negrilla. En lugar de ello, me tocará escoger el elemento adecuado—ya sea si es un strong o un em o un b o un h3 o lo que sea—y luego le doy el estilo que necesito…”

Mas claro no podia ser, bueno seguro mucha gente se va a hacer la vida un poco mas facil con estas herramienticas.