¿“Marcos” CSS que tienen en cuenta las irregularidades del navegador?

Question

Construyo sitios web para una pequeña empresa de medios.Desafortunadamente, alrededor del 45-50% de nuestra base de clientes usa IE6, mientras que la otra mitad se divide prácticamente por igual entre navegadores basados ​​en Firefox y Webkit, con algunos usuarios de Opera.

Comienzo cada uno de mis sitios con una hoja de estilo reiniciada similar a la de Eric Meyer, con algunas modificaciones.He estado usando mucho el "marco" CSS de Blueprint recientemente y me ha hecho la vida mucho más fácil, aunque no estoy especialmente apegado a él.

Aproximadamente el 60% de mi tiempo de desarrollo lo dedico a asegurarme de que los sitios que creo no se vean increíblemente diferentes en cada navegador.Codifico para Firefox 3 y luego lo modifico desde allí.

¿Alguien conoce alguna hoja de estilo/marco que intente tener en cuenta de forma preventiva todas esas pequeñas y estúpidas peculiaridades del navegador?Sé que nada por ahí puede explicar por completo todas las rarezas del navegador, pero sería bueno tener algo un poco más sólido para empezar.

Estoy trabajando en crear el mío propio, pero sería bueno tener algo con lo que empezar.

Answer 1

Echa un vistazo a YAML.

Answer 2

La biblioteca Yahoo YUI ayuda a solucionar problemas de renderizado en varios navegadores.Es decir, el componente Restablecer (http://developer.yahoo.com/yui/reset/) revertirá toda la representación específica del navegador (margen y relleno en ciertos elementos, por ejemplo), creando un campo de juego nivelado para comenzar al diseñar su sitio.

Answer 3

Leer y digerir interiormente Trascendiendo CSS por Andy Clarke, Molly E.Holzschlag, Aaron Gustafson y Mark Boulton.

Proporciona un conjunto de técnicas para abordar esas peculiaridades que usted puede afrontar y consejos sobre cómo hacer que los sitios web sean accesibles para navegadores más antiguos o menos capaces, o para aquellos que utilizan otras tecnologías, como lectores de pantalla.

La idea fundamental es crear sitios que se degraden con gracia.

Contiene muchos enlaces a recursos que tratan estos temas.

Answer 4

Dean Edwards' biblioteca IE7 hace frente a algunas de las peculiaridades de Internet Explorer.

Answer 5

Blueprint fue una de las primeras apariciones en este espacio y se considera bastante maduro.

http://code.google.com/p/blueprintcss/

Aquí hay una lista enorme de marcos disponibles:

http://www.cssnolanche.com.br/css-frameworks/

Hubo un gran debate interesante en la comunidad de desarrolladores web sobre los marcos CSS en ese momento.A muchos les preocupaba que esto violara alguna separación entre estructura y presentación e introdujera nombres y estructuras de clases no semánticas.

Algunas vistas:

http://jeffcroft.com/blog/2007/nov/17/whats-not-love-about-css-frameworks/

http://playgroundblues.com/posts/2007/aug/10/blueprints-are-not-final/

http://www.markboulton.co.uk/journal/comments/blueprint_a_css_framework/

http://peter.mapledesign.co.uk/weblog/archives/blueprint-semantics-markup-frameworks

Answer 6

¿Has mirado las cosas de Yahoo YUI?Tienen un marco CSS para varios navegadores.