freeCodeCamp/guide/portuguese/css/css-frameworks/index.md

2.4 KiB

CSlocaleTitle: undefined SAs estruturas são projetadas para simplificar o trabalho do tipógrafo, eliminar erros ao criar um projeto e se livrar da escrita monótona e chata do mesmo código.

Vantagens dos frameworks CSS:

* Cross-browser compatibility 
 * Ability to create the correct HTML layout even for a not very experienced specialist. 
 * Code uniformity 
 * Increase development speed 

Minuses:

* Attachment to CSS style library 
 * Redundant code 

Bootstrap

Um dos mais famosos frameworks CSS até hoje. Inclui modelos para desenhar botões, barras laterais, barras de navegação, formulários e outros elementos do site. Inclui-se extensões de javascript.

O Bootstrap é compatível com todos os principais navegadores modernos, mas pode haver problemas em versões mais antigas dos navegadores. Suporta adaptabilidade. Usa os idiomas Less e Sass.

Esqueleto

Com base em JavaScript e CSS, ele é usado para criar com rapidez e precisão sites responsivos que são exibidos corretamente em monitores grandes e pequenas telas de gadgets. Um grande esqueleto mais - pode ser adaptado a qualquer desenho. A grade de marcação contém 12 colunas e tem uma largura de base de 960 pixels. Compatível com todos os principais navegadores.

Kube

Liberdade total para o desenvolvedor sem impor estilos. Fornece flexibilidade máxima de design. Ele tem várias opções de grade e é posicionado pelos criadores como uma estrutura para desenvolvedores CSS profissionais. Usa menos, suporta design responsivo.

Fundação

Estrutura CSS comum. Juntamente com outros elementos principais inclui vários modelos HTML com diferentes arranjos de blocos na página. Tem um grande conjunto de componentes em JavaScript. A estrutura é muito séria em suas capacidades e composição. Usa Sass. Código compatível com todos os principais navegadores.

IU semântica

Suporte para Firefox, Chrome, Safari, Internet Explorer, Android 4, Blackberry10. Contém um grande número de componentes: ícones, imagens, etiquetas, menus e outros componentes padrão. Ele suporta as versões mais recentes de HTML e CSS e possui uma boa seleção de módulos de script e APIs. Usa menos. Na aplicabilidade compete com o bootstrap.

Cada tarefa tem sua própria ferramenta. Um bom passo seria tentar o framework e entender “seu” ou não. Você pode usar os esqueletos do código apresentados nas estruturas como uma folha de dicas e apenas pegar soluções e código a partir daí.