“Frameworks” CSS que respondem por irregularidades do navegador?

Question

Eu construo sites para uma pequena empresa de mídia.Infelizmente, cerca de 45-50% da nossa base de clientes usa o IE6, enquanto a outra metade está dividida igualmente entre navegadores baseados no Firefox e no Webkit, com alguns usuários do Opera.

Eu começo cada um dos meus sites com uma folha de estilo redefinida semelhante à de Eric Meyer, com algumas modificações.Tenho usado muito a "estrutura" Blueprint CSS recentemente e isso tornou minha vida muito mais fácil, embora eu não seja especialmente apegado a ela.

Aproximadamente 60% do meu tempo de desenvolvimento é gasto garantindo que os sites que crio não pareçam incrivelmente diferentes em cada navegador.Eu codifico para o Firefox 3 e depois ajustei a partir daí.

Alguém conhece alguma folha de estilo/framework por aí que tente explicar preventivamente todas essas pequenas peculiaridades estúpidas do navegador?Eu sei que nada lá fora pode explicar totalmente toda a estranheza do navegador, mas seria bom ter algo um pouco mais sólido para começar.

Estou trabalhando na criação do meu próprio, mas seria bom ter algo para começar.

Answer 1

Dê uma olhada YAML.

Answer 2

A biblioteca Yahoo YUI ajuda a lidar com problemas de renderização entre navegadores.Ou seja, o componente Redefinir (http://developer.yahoo.com/yui/reset/) reverterá toda a renderização específica do navegador (margem e preenchimento em certos elementos, por exemplo), criando condições de concorrência equitativas para começar ao projetar seu site.

Answer 3

Leia e digira interiormente Transcendendo CSS por Andy Clarke, Molly E.Holzschlag, Aaron Gustafson e Mark Boulton.

Ele fornece um conjunto de técnicas para lidar com essas peculiaridades com as quais você pode lidar e conselhos sobre como tornar sites acessíveis a navegadores mais antigos ou menos capazes, ou àqueles que usam outras tecnologias, como leitores de tela.

O objetivo fundamental é criar sites que se degradem normalmente.

Ele contém muitos links para recursos que tratam dessas questões.

Answer 4

Reitor Edwards Biblioteca IE7 lida com algumas das peculiaridades do Internet Explorer.

Answer 5

Blueprint foi uma das primeiras aparições neste espaço e é considerado bastante maduro.

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

Aqui está uma lista enorme de estruturas disponíveis:

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

Houve muito debate interessante na comunidade de desenvolvedores web sobre frameworks CSS na época.Muitos estavam preocupados que isso violasse alguma separação de estrutura/apresentação e introduzisse nomes e estruturas de classes não semânticas.

Algumas visualizações:

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

Você já olhou as coisas do Yahoo YUI?Eles têm uma estrutura CSS para vários navegadores.