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.

Avalie esse artigo

Relevância
Estilo/Redação

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
Feedback geral
Bugs
Publicidade
Editorial
Marketing
InfoQ Brasil e todo o seu conteúdo: todos os direitos reservados. © 2006-2016 C4Media Inc.
Política de privacidade
BT

We notice you’re using an ad blocker

We understand why you use ad blockers. However to keep InfoQ free we need your support. InfoQ will not provide your data to third parties without individual opt-in consent. We only work with advertisers relevant to our readers. Please consider whitelisting us.