15 frameworks incríveis do HTML5 e do CSS3

RSS iMasters · Maio 26, 2011

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 muitosrecursos novos e propriedades de elementos que redefiniram o trabalho dosdesigners. A quantidade de controles disponíveis na nova era de frameworks webpermite que os desenvolvedores simplifiquem seu processo de trabalho ecompletem projetos na metade do tempo.

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

52 Framework

52Framework é um dos frameworks HTML5 e CSS3 mais populares disponíveis hoje.Seus recursos incluem cantos arredondados, textos sombreados, markup para HTML5clássica, sistema interno de grid, entre muitos outros. É um projeto decomunidade 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 pequenasmelhoras. O projeto open source está alojado num repositóriodo Google Code, no qual todas asatualizações e as revisões são registradas. Apesar de não ser inteiramente ativa, acomunidade está crescendo. Você pode pesquisar em sua wiki para mais recursos.

Less Framework

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

PhoneGap

Outraplataforma incrível para celular, o PhoneGap já chegou chamando atenção. É umaplataforma de código livre construída para aplicativos HTML5/CSS3, para rodarem dispositivos móveis. Isso pode incluir aplicativos que rodam diretamente nobroswser ou nativos do próprio dispositivo. Os aplicativos são construídosusando 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 crescentesegmento de mercado para tal. O Sencha Touch é um framework fantástico parafazer download e para executar efeitos em dispositivos touch screen. Tablet PCs esmartphones são alguns dos candidatos, testando futuras tecnologias emandamento.

Jo HTML5

Ainterface 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 conectarao PhoneGap para garantir ligações sem problemas.

Yahoo! User Interface Library 2

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

Switch to HTML5

Switch toHTML5 é uma ferramenta genérica com muito poder. Ela permite acesso aosinúmeros elementos e sub-propriedades disponíveis na nova especificação aosdesenvolvedores. 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

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

HTML5/CSS3 Reset

Parecidocom o framework acima, o HTML5/CSS3 resetoferece um conjunto de regras totalmente novo. Aqueles que estão familiarizadoscom 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.txtpara informações úteis.

Phono

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

Alloy UI

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

YAML

O YetAnother Multicolumn Layout é um dos sistemas de grid mais populares lançadosaté hoje. Ele inclui propriedades CSS poderosas, que permitem a manipulação dosvalores de colunas, tabelas, e todos os outros containers do HTML. Osinvólucros e IDs envolvidos são baseados em classes simples, que também podem serreprojetados e editados à vontade.

RGraph: HTML5 Canvas GraphLibrary

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

Cartagen

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

http://imasters.com.br/artigo/20850/css/15-frameworks-incriveis-do-html5-e-do-css3