BT

jQuery Mobile 1.3.0: enfoque no web design responsivo

por Ralph Winzinger , traduzido por Caio Vitullo em 22 Abr 2013 |

A versão 1.3.0 do jQuery Mobile, o framework open source JavaScript e HTML5/CSS para aplicativos móveis, tem foco em web design responsivo e traz novos componentes gráficos.

O web design responsivo, ou RWD na sigla em inglês, tem como objetivo fornecer a melhor experiência visual possível, independentemente de qual aparelho ou tipo de navegador está sendo usado. Ao invés de determinar o agente do usuário (User Agent) no servidor e entregar páginas específicas, o RWD usa consultas de mídia (media queries) do CSS para adaptar o layout da página dinamicamente ao navegador. Dessa forma, além de se poder renderizar páginas em diferentes tamanhos de tela, também se pode reagir a mudanças de orientação da tela de celulares, por exemplo.

Tood Parker, líder do projeto jQuery Mobile, detalha a mudança em direção ao design responsivo:

O jQuery Mobile foi projetado e testado para trabalhar não apenas em telefones celulares, mas também em tablets, e até mesmo em navegadores desktop. Pense nisso como "mobile primeiro" e não "mobile apenas". No nosso próximo lançamento iniciaremos o processo de integração mais próxima com o jQuery UI, com objetivo de ter ainda mais códigos e convenções compartilhadas. Nosso foco para a versão 1.3 foi educar a comunidade quanto ao web design responsivo, adicionando documentação e exemplos que explicam os conceitos principais. Também adicionamos novos componentes como tabelas responsivas, painéis e grids, que facilitam a criação de aplicações e sites responsivos.

Além de se preparar para o web design responsivo com os novos componentes, a nova versão inclui uma gama de novos elementos e funcionalidades para design de interface com o usuário (UI):

  • Campos de entrada de texto ou painéis de menus que podem ser abertos (com animação) em dispositivos menores ou permanecer abertos em telas maiores;
  • Sliders com dois guias que permitem definir um limite superior e inferior com apenas um componente (widget);
  • Novos ícones e temas de ícones melhorados;
  • Eventos de navegação e um método de navegação que possibilita o manuseio do histórico do navegador, detectando manipulações de DOM via Ajax;
  • Manipulação aprimorada do gesto "swipe" (veja um demo), permitindo anexar lógica personalizada de início e final do gesto.

A Fundação jQuery oferece várias bibliotecas cross-browser para simplificar o design de aplicações baseadas em JavaScript e HTML5/CSS. Além do jQuery Mobile, focado em interfaces móveis, a Fundação oferece também o jQuery para funcionalidades avançadas de JavaScript e Ajax; o jQuery UI, para interfaces com o usuário para aplicações desktop; e o framework QUnit para testes de JavaScript.

Olá visitante

Você precisa cadastrar-se no InfoQ Brasil ou para enviar comentários. Há muitas vantagens em se cadastrar.

Obtenha o máximo da experiência do InfoQ Brasil.

Dê sua opinião

HTML é permitido: a,b,br,blockquote,i,li,pre,u,ul,p

Receber mensagens dessa discussão
Comentários da comunidade

HTML é permitido: a,b,br,blockquote,i,li,pre,u,ul,p

Receber mensagens dessa discussão

HTML é permitido: a,b,br,blockquote,i,li,pre,u,ul,p

Receber mensagens dessa discussão

Dê sua opinião

Conteúdo educacional

Feedback geral
Bugs
Publicidade
Editorial
InfoQ Brasil e todo o seu conteúdo: todos os direitos reservados. © 2006-2014 C4Media Inc.
Política de privacidade
BT