Seções iMasters
CSS + HTML

15 frameworks incríveis do HTML5 e do CSS3

Texto original de Jake Rocheleau, disponível em http://blogfreakz.com/html5/html5-css3-frameworks/

?

Recentemente,
o HTML5 e o CSS3 causaram um reboliço na web. O padrão  W3C que apareceu em 2009-2010 mostrou muitos
recursos novos e propriedades de elementos que redefiniram o trabalho dos
designers. A quantidade de controles disponíveis na nova era de frameworks web
permite que os desenvolvedores simplifiquem seu processo de trabalho e
completem projetos na metade do tempo.

Apesar de
ainda não existirem muitos exemplos, a comunidade de código livre para
frameworks HTML5 está crescendo rapidamente. Abaixo, temos 15 dos mais criativos
frameworks para HTML5 e CSS3 para desenvolvedores web. Se você conhece outros
que valem a pena ser mencionados, ou tem o seu próprio para compartilhar, por
favor deixa uma resposta nos comentários.

52 Framework

52
Framework é um dos frameworks HTML5 e CSS3 mais populares disponíveis hoje.
Seus recursos incluem cantos arredondados, textos sombreados, markup para HTML5
clássica, sistema interno de grid, entre muitos outros. É um projeto de
comunidade livre, com muitos colaboradores. Dê uma olhada na sua página demo para maiores informações.

CSS3 Action Framework

 

O Action Framework está em desenvolvimento desde abril de 2010, e tem tido pequenas
melhoras. O projeto open source está alojado num repositório
do Google Code
, no qual todas as
atualizações
e as revisões são registradas. Apesar de não ser inteiramente ativa, a
comunidade está crescendo. Você pode pesquisar em sua wiki para mais recursos.

Less Framework

O Less
Framework te dá maior controle sobre CSS entre diversos dispositivos, sem
chateação. Consultas de mídia Inline são a chave aqui, permitindo a simples troca
de uma stylesheet
em segundos. Cada layout é cuidadosamente projetado para caber em telas de dispositivos
mais comuns. Todos os projetos estão aptos para rodar desde o IOS e do Android até de volta para o Internet Explorer 6.

PhoneGap

Outra
plataforma incrível para celular, o PhoneGap já chegou chamando atenção. É uma
plataforma de código livre construída para aplicativos HTML5/CSS3, para rodar
em dispositivos móveis. Isso pode incluir aplicativos que rodam diretamente no
broswser ou nativos do próprio dispositivo. Os aplicativos são construídos
usando elementos padrões do HTML5 com uma cuidadosa mídia JavaScript.

Sencha Touch

Apesar de nem todos os dispositivos móveis de hoje serem touch screen, existe um crescente
segmento de mercado para tal. O Sencha Touch é um framework fantástico para
fazer download e para executar efeitos em dispositivos touch screen. Tablet PCs e
smartphones são alguns dos candidatos, testando futuras tecnologias em
andamento.

Jo HTML5

A
interface do usuário é uma questão importante para todo website. O Jo HTML5 é
uma biblioteca UI poderosa para a implementação de elementos de página criativos.
Elementos de interface podem incluir formas, corpo do texto, campos de entrada,
cabeçalhos e muito mais. Este framework também é fantástico, e pode se conectar
ao PhoneGap para garantir ligações sem problemas.

Yahoo! User Interface Library 2

A
biblioteca de interface do usuário do Yahoo! é possivelmente um dos códigos mais ágeis
e documentados. Ela permite que os desenvolvedores criem animações e efeitos
incríveis com apenas algumas linhas de JavaScript. A biblioteca YUI2 contem
facilidades e widgets fantásticos, todos livres para download e manipulação. O Yahoo!
também oferece ferramentas poderosas para desenvolvedores.

Switch to HTML5

Switch to
HTML5 é uma ferramenta genérica com muito poder. Ela permite acesso aos
inúmeros elementos e sub-propriedades disponíveis na nova especificação aos
desenvolvedores. Existem também muitas opções para meta-informação, incluindo Locale e charset. A ferramenta pode parecer um pouco exagerada a principio,
mas dê a ela uma chance.

HTML5 Reset

Muitos
dos resets populares do CSS têm
mostrado o que é realmente possível fazer com apenas uma pequena biblioteca. O reset do HTML5 traz tudo isso à tona
mais uma vez, oferecendo estruturas e layouts pré-formatados. O código sozinho
é simples e flexível o suficiente para ser movido para qualquer posição
necessária. Ele também poupa tempo e dinheiro aos desenvolvedores, quando colocado no
trabalho inicial de um projeto.

HTML5/CSS3 Reset

Parecido
com o framework acima, o HTML5/CSS3 reset
oferece um conjunto de regras totalmente novo. Aqueles que estão familiarizados
com as novas propriedades no CSS3 ficarão encantados em ver quanto controle é
construído fora da caixa. Você pode conferir o repositório Github acima e seu readme.txt
para informações úteis.

Phono

Apesar de
o framework JS Phono ser uma nova adição à linha mobile, os desenvolvedores web
são capazes de incluir poucas linhas de código para maximizar sua proficiência
em mobile browsing. As tarefas incluem acelerar os pedidos HTTP e manipular objetos
DOM baseados nas especificações dos dispositivos. O serviço recentemente saiu
na versão beta e oferece uma chave para API no ato de inscrição.

Alloy UI

Outro conjunto
de UI popular, é um ponto de partida fantástico para desenvolvedores. Aqueles
que não estão certos de como continuar com seu design devem dar uma olhada em soluções
mais aprofundadas. Alloy é um incrível conjunto de elementos UI que mostra o
tanto que o HTML5 pode nos oferecer.

YAML

O Yet
Another Multicolumn Layout é um dos sistemas de grid mais populares lançados
até hoje. Ele inclui propriedades CSS poderosas, que permitem a manipulação dos
valores de colunas, tabelas, e todos os outros containers do HTML. Os
invólucros e IDs envolvidos são baseados em classes simples, que também podem ser
reprojetados e editados à vontade.

RGraph: HTML5 Canvas Graph
Library

Muitos frameworks
JS foram lançados recentemente, o que permite uma geração de gráficos quase
instantânea. Isso gerou um crescimento de popularidade, uma vez que a quantidade
de informação que precisa ser compartilhada através da internet tem aumentado
a cada ano. Como resultado, não estamos vendo frameworks populares como o RGraph
oferecendo soluções amigáveis para o HTML5.

Cartagen

Cartagen
é uma especificação para design e estilização de mapas. Da mesma maneira que o
CSS, que estiliza páginas web, o GSS é uma especificação para a criação
interativa de sequências de mapeamento digital. Adaptado para fontes de dados
dinâmicas, o GSS pode definir a mudança de elementos geográficos, exibir vários
conjuntos de dados, e até mesmo responder a tags derivadas do usuário.


Mensagem do anunciante:

Aprenda WordPress de uma vez por todas com os cursos especializados em WP do Apiki WP Cursos. Conheça!

Comente também

11 Comentários

James

Show de bola esse post, ainda mais para quem pretende começar em HTML5.

Mário Leandro – Guiagreste.com

Estou começando a olhar o Sencha Touch.
Parece bem legal e simples.

Ovidio marinho

Faltou incluir o web2py

Marlon Wanger

Otima news … gostei , ainda mais agora que estou pensando em aprender HTML 5.

Alan Souza @alanweb

Faltou o grande Boilerplate -
http://br.html5boilerplate.com/

Vale apena confiram!

Jhonata Reis Ribeiro

Tem vários..O Initializr é potente:

http://www.initializr.com/

Guilherme

Muito Bom

twitter.com//guivalles

Seo Design

Excelente

htttp://www.seodesign.com.br

Rangelweb

Assim é que é! sempre melhorar a web.

Valeu,

Att,

@rangelweb

Mateus Avila Isidoro

Faltou o bootstrap.

Qual a sua opinião?