2008-09-16 9 views
6

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.CSS "frameworks" que tienen en cuenta las irregularidades del navegador?

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 garantizar 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 para 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 la creación de la mía, pero sería bueno tener algo para empezar.

Respuesta

0

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

3

La biblioteca Yahoo YUI ayuda a lidiar con problemas de representación de varios navegadores. A saber, el componente Restablecer (http://developer.yahoo.com/yui/reset/) revertirá todas las representaciones específicas 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.

1

Dean Edwards 'IE7 library hace frente a algunos de los caprichos de Internet Explorer.

2

Lea y digiera internamente Transcending CSS por Andy Clarke, Molly E. Holzschlag, Aaron Gustafson y Mark Boulton.

Proporciona un conjunto de técnicas para hacer frente a esas peculiaridades que puede tratar, y consejos para hacer que los sitios web sean accesibles a navegadores antiguos o menos capaces, o aquellos que usan otras tecnologías, como lectores de pantalla.

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

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

1

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

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

He aquí una lista enorme de marcos disponibles:

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

Había un montón de interesante debate en la comunidad dev web acerca de los marcos de 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.

Algunos puntos de vista:

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

+0

+1 para los debates –

Cuestiones relacionadas