O jQuery Mobile 1.3 está agora disponível como uma versão estável.

Esta nova versão lidera os esforços da equipe da jQuery para incorporar totalmente os princípios responsivos de design da Web em sua biblioteca robusta. Entre os novos recursos estão vários widgets otimizados para interfaces de toque, incluindo sobreposições suaves de painéis, controles deslizantes de alcance com duas alças, bem como duas opções diferentes para tabelas responsivas.

Os novos recursos

Os novos widgets do painel permitem que informações ocultas sejam exibidas de maneira muito suave e atraente. Com três modos de transição - overlay, reveal e push - o painel desliza da esquerda para a direita com um toque, clique ou pressione o teclado, mantendo o design responsivo, independentemente do método de entrada escolhido pelo usuário.

Também fazer sua estréia é um novo recurso da visualização de lista testada e verdadeira: preenchimento automático! Esse recurso funciona exatamente como parece. Simplesmente comece a digitar seus critérios desejados e pronto! Assim como uma barra de pesquisa do Google, as correspondências são exibidas automaticamente abaixo da entrada.

As tabelas no jQuery Mobile 1.3 agora permitem dois modos adicionais: alternância de coluna e modo de refluxo. O modo de alternância de colunas permite que o usuário selecione quais colunas de uma tabela ocultar e quais exibir. O modo de refluxo leva a web design responsivo ao coração e resolve a dor de cabeça de formatar tabelas dinamicamente para telas pequenas. Ele faz isso dividindo uma tabela e exibindo cada linha como sua própria tabela, com os rótulos de coluna como cabeçalhos de linha e os dados de linha transpostos para um formato de coluna.

O que isso significa para web design responsivo

O jQuery tem sido um framework confiável, favorecido por sua capacidade de simplificar tarefas JavaScript tediosas e complexas. O jQuery Mobile foi encarregado desde a sua criação de trazer essa mesma simplicidade para a arena móvel, onde as interfaces de toque governam o poleiro.

Dada a natureza de ter duas implementações separadas para duas plataformas diferentes, a equipe da jQuery testemunhou uma certa confusão com o recente movimento de web design responsivo. As pessoas perguntaram se deveriam usar o web design responsivo ou o jQuery Mobile para seus sites, ao que Todd Parker (membro da equipe do jQuery Mobile) respondeu com um enfático “ambos”!

O Sr. Parker também pode estar fazendo algo aqui. Ao empregar os recursos avançados da estrutura móvel da jQuery, os web designers podem combinar rapidamente seus sites para dispositivos móveis em uma estratégia responsiva mais ampla sem sacrificar a inovação.

Apenas alguns dos novos recursos estão listados aqui; todo o log de alterações pode ser visualizado no anúncio de lançamento . Além disso, dê uma olhada no jQuery Mobile 1.3 site de demonstração por algum tempo prático de qualidade.

Você usa jQuery, jQuery Mobile ou ambos? Quais novos recursos são seus favoritos? Deixe-nos saber nos comentários.