40 lines
2.4 KiB
Markdown
40 lines
2.4 KiB
Markdown
|
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í.
|