6 melhores estruturas HTML5 responsivas
1. Bootstrap do Twitter
Bootstrap é uma estrutura de desenvolvimento de front-end/UI moderna e popular. É repleto de recursos e terá a maioria das coisas que você precisa para desenvolver sites e aplicativos responsivos. Bootstrap tem um layout responsivo de 12 grades, 13 plugins jQuery personalizados para UIs comuns, como carrosséis e janelas modais, um personalizador Bootstrap e muito mais.
Bootstrap está bem documentado, e este projeto de código aberto tem bastante cobertura em blogs e sites de tutoriais.
2. Fundação
Foundation é outra estrutura de front-end responsiva popular. Com essa estrutura HTML5 moderna, você pode abordar o design da web primeiro para dispositivos móveis ou de grandes telas para tamanhos móveis. Possui recursos de prototipagem rápida, um sistema de grade responsivo e muito mais.
Foundation é da ZURB, uma empresa de designers de produtos focada em fornecer soluções baseadas na web.
3. Esqueleto
Skeleton é um clichê CSS responsivo simples e limpo para sites e aplicativos HTML5. Tem apenas as coisas que você precisa, e nada mais. Alguns recursos notáveis: uma grade de layout responsiva, consultas de mídia padrão para propriedades de estilo CSS específicas do seu dispositivo, uma classe CSS para elementos de imagem responsivos que são dimensionados com a grade de layout, um modelo PSD para simular seus designs da Web e um shiv HTML5 para navegadores antigos.
Se você deseja começar com o design responsivo rapidamente, deve analisar este projeto de código aberto.
4. Caldeira HTML5
Em 2010, o HTML5 Boilerplate tornou-se uma das primeiras e, posteriormente, mais populares ferramentas de desenvolvimento web front-end de código aberto para colocar sites e aplicativos da web HTML5 em funcionamento rapidamente. É uma compilação de soluções de desenvolvimento web que permitem que nossos sites suportem navegadores modernos. Incluído no HTML5 Boilerplate está um modelo HTML compatível com dispositivos móveis, ícones de espaço reservado, redefinições de CSS para normalizar/padronizar seus valores de propriedade de folha de estilo, consultas de mídia padrão para telas de visualização populares, um shiv HTML5 para navegadores não modernos e muito mais.
5. HTML KickStart
Uma das crianças mais novas do bloco, o HTML5 KickStart é um pacote simples de arquivos HTML, CSS e JavaScript que promete economizar horas de trabalho dos desenvolvedores de interface do usuário. Com cerca de 300 KB, o HTML KickStart tem um grande impacto: componentes de interface do usuário como botões elegantes e barras de navegação, ícones escaláveis (usando Font Awesome), um layout de grade responsivo, um componente de apresentação de slides habilitado para toque e assim por diante.
6. Estrutura HTML5 de montagem
Montage é uma estrutura HTML5 de código aberto para criar aplicativos modernos. Essa biblioteca JavaScript usa vinculação declarativa que ajuda você a manter os dados do aplicativo e a interface do usuário em sincronia. O Montage também possui um recurso chamado Blueprints para vincular metadados de forma associativa em seus objetos de aplicativo, uma função bastante bacana para lidar com muitos elementos de página dinâmicos.
