desenv-web-rp.com

Quando devo usar uma estrutura CSS?

Quais são os cenários de melhores práticas para usar uma estrutura CSS? Quando é melhor "rolar o seu próprio" CSS a partir do zero, em vez de usar estruturas?

11
Mark Hatton

As estruturas CSS são um pouco complicadas porque não são realmente estruturas para mim. Eles são simplesmente classes predefinidas. Mas, essa não é sua pergunta.

As estruturas CSS são ótimas para maquetes e estruturas metálicas. Eu não recomendaria usá-los em um site ao vivo porque eles adicionam classes sem sentido à sua marcação. ".span3" não me diz nada sobre o conteúdo, apenas o design.

No entanto, o blueprint possui algumas ferramentas interessantes que ajudam a combinar as classes de estrutura e as semânticas assim que terminar.

Eu sempre rolo meu próprio CSS.

11
Kevin

Apenas evite-os, eles não são nada além de irritantes.

Especialmente este.

* { margin:0; padding:0; }

Minha maior reclamação é que, se você herdar/manter um site que usa uma redefinição e/ou uma estrutura, deve aprender essa estrutura antes de poder modificar o site.

Quando adiciono uma tag h1, espero certas coisas. A maioria das redefinições retira todo o preenchimento, margem, bloco etc. para que uma tag h1 não atue mais como deveria, por padrão. Então eu tenho que voltar e adicionar tudo o que estava lá em primeiro lugar.

Geralmente (na minha experiência) são as pessoas que não entendem css que usam as redefinições e estruturas e isso causa mais trabalho para as pessoas que fazem.

3
corymathews

É minha opinião que o único serviço que o CSS Framework fornece é um ponto de partida para aqueles que não estão muito familiarizados com o CSS.

2
Soleil

Também recomendo usar um reset.css de Eric Meyer, mas acho que as "estruturas" CSS podem ser benéficas para o layout. O Blueprint, a grade YUI e a grade 960 podem ajudá-lo a obter alguns layouts altamente complicados sem escrever o css.

Embora existam desvantagens mencionadas, o mesmo poderia ser dito sobre a criação de um site a partir de um CMS, em vez de implantar código personalizado, por exemplo, mas eles ainda podem ser úteis e, para muitos sites, os benefícios obtidos superam quaisquer problemas estranhos de css ou desempenho.

2
Steve Tranby

Se você estiver realmente implementando um design próprio, escreverá um pouco de seu próprio CSS (a menos que outra pessoa tenha escrito o design exato que você deseja).

Supondo que você esteja escrevendo um pouco de seu próprio CSS, as "estruturas" podem ser úteis quando você tem estilos que são:

  1. usado em mais de um local; e
  2. complicado o suficiente para entrar em suas próprias classes

Para estilos realmente simples, é melhor usar classes para indicar what algo é (por exemplo, class="navigation") e, em seguida, defina sua aparência aplicando regras de estilo a essa classe na sua folha de estilo.

Mas para estilos mais complexos que não estão necessariamente vinculados a nenhum elemento (por exemplo, estilos relacionados ao layout, do tipo que as estruturas atribuem nomes como .span3 a), não há nada errado em colocá-los em uma classe e aplicá-los classe no CSS. Você pode usar as duas abordagens juntas.

Em sites maiores e mais complexos, onde é provável que os elementos sejam combinados de maneiras imprevisíveis, uma abordagem semelhante a uma estrutura pode realmente ajudar a manter seu código gerenciável.

Eu diria que você também pode escrever sua própria "estrutura". Coloquei "framework" entre aspas porque CSS realmente não é uma linguagem tão grande. Você pode ler CSS: The Definitive Guide (Eric Meyer) em um dia e ler todo o código em por exemplo. Blueprint (uma "estrutura" de CSS)) e praticamente entende o que está acontecendo. Pode ser necessário pesquisar um pouco as soluções alternativas IE, mas estamos falando de pelo menos uma ordem de magnitude menos complexa do que por exemplo jQuery aqui.

1
Paul D. Waite

Eu uso blueprint, para CSS.
CSS é, como todos dizem acima, realmente simples.

No entanto, na realidade, você deve considerar a plataforma.

Com CSS, o mecanismo de renderização aumenta a complexidade.

Gecko vs WebKit vs Presto vs Trident ... quem quer fazer tudo isso?

O que uma 'estrutura' oferece a você aqui é a capacidade de escrever layouts que provavelmente funcionarão em todos os navegadores; portanto, você não precisará procurar no Google 'WTF-estou-fazendo-isso-porcaria' IE 7 correção de modo quirks, ou algo similarmente ridículo.

As estruturas farão 90% do layout desejado e, em seguida, você poderá adicionar seus próprios estilos posteriormente.

Então, para responder à pergunta, eu diria que escolha qualquer estrutura e veja se ela funciona para você. Apenas pode. Então você é ouro e pode voltar ao que realmente queria fazer. Caso contrário, estenda-o usando css e altere o que não funcionou. Dessa forma, você mantém o benefício entre navegadores, mas ainda pode personalizar.

Como um pequeno benefício, se você escolher um e usá-lo o tempo todo e ficar doente, ou for promovido e precisar treinar seu sucessor, poderá dizer:

"Sim, eu usei a estrutura ABC. Os documentos estão aqui. O código está aí. O treinamento acabou. Boa sorte."

1
chiggsy

Quando resolve todas as suas necessidades . (Isso se baseia na ideia de adaptação .)

Do único livro sobre frameworks? http://www.oreilly.com/web-platform/free/book-of-html-css-frameworks.csp . (Somente vinculando porque é gratuito e relevante aqui.)

0
Shawn Northen