skeleton - html framework

CSS "frameworks" 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 en partes iguales entre los navegadores basados ​​en Firefox y Webkit, con una pequeña cantidad de usuarios de Opera.

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

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. Codigo Firefox 3 y luego retoco desde allí.

¿Alguien sabe de alguna hoja de estilo / frameworks que intente hacer una cuenta preventiva de todos esos pequeños caprichos estúpidos del navegador? Sé que nada 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, pero sería bueno tener algo para empezar.

Answer 1

¿Has mirado las cosas de Yahoo YUI? Tienen un marco CSS de navegador cruzado.

Answer 2

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

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

Aquí hay una gran lista 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 el momento. A muchos les preocupaba que esto violara la separación entre la estructura y la presentación e introdujo nombres y estructura 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 3

Echa un vistazo a YAML .

Answer 4

La biblioteca IE7 de Dean Edwards se enfrenta a algunos de los caprichos de Internet Explorer.

Answer 5

La biblioteca de Yahoo YUI ayuda a lidiar con problemas de procesamiento entre navegadores. A saber, el componente Restablecer ( http://developer.yahoo.com/yui/reset/ ) revertirá todo el procesamiento específico del navegador (margen y relleno en ciertos elementos, por ejemplo), creando un campo de juego nivelado desde el que comenzar a diseñar su sitio. .

Answer 6

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

Proporciona un conjunto de técnicas para tratar las peculiaridades con las que puede tratar, y consejos sobre cómo hacer que los sitios web sean accesibles para navegadores antiguos o con menos capacidades, o para quienes utilizan otras tecnologías, como los lectores de pantalla.

El impulso fundamental está en hacer que los sitios se degraden con gracia.

Contiene muchos enlaces a recursos que se ocupan de estos problemas.