Blog Dicas de Web Design

jQuery Mobile Logo

O que é jQuery Mobile

jQuery Mobile é um framework que tem como mantra “escrever menos, fazer mais”. Ao invés de programar aplicativos exclusivamente para celulares ou computadores de mesa, o framework jQuery Mobile te ajuda desenvolver UM website ou aplicativo responsivo que funcionará em qualquer plataforma.

jQuery Mobile foi construido sobre uma fundação sólida do jQuery e  jQuery UI (biblioteca de funções e framework de desenvolvimento). Ele oferece navegação Ajax com transições de página, eventos de toque e já vem com vários widgets integrados para facilitar ainda mais o trabalho do designer ou programador.

Confira abaixo algumas funções do jQuery Mobile:

(se possível, veja os exemplos abaixo em um  dispositivo móvel)

Painéis laterais

paineis jquery mobile

Clique aqui para visualziar a página

Abas/Guias

abas jquery mobile

Clique aqui para visualizar a página

Pop Up

pop-up jquery mobile

Clique aqui para visualizar a página

Design Responsivo

responsivo jquery mobile

Clique aqui para visualizar a página

Ícones

icones jquery mobile

Clique aqui para visualziar a página

Simplifiquei o HTML de cada função acima o máximo possível para que possam entender facilmente a estrutura.

Qualquer dúvida, deixe um comentário abaixo.

Para saber mais sobre jQuery Mobile, acesse o site oficial do framework: jquerymobile.com

Posts Relacionados

  • Como que a tecnologia wearable (vestível) vai impactar seu web design

    Lembra da época em quando usar um relógio com calculadora te fazia sentir como George Jetson ou seu filho Elroy? A tecnologia evoluiu muito, e hoje em dia, você pode fazer chamadas, gravar vídeos, verificar a sua saúde, e comprar um café atraves do seu smartwatch (relógio inteligente), e isso é só o começo. Com o advento do Google Glass, Android Wear, e a promessa distante do Apple iWatch, o mundo está lentamente ficando confortável com a idéia de vestir tecnologia, em vez de segurá-la. Esta idéia de vestir um computador, sem dúvidas, irá mudar a maneira como os usuários interagem com a internet e seu design. O seu design já está prevendo o futuro da internet?

  • Sites otimizados para smartphones e tablets. O que é um site responsivo?

    Muitos dispositivos habilitados para navegar na internet exibem o site completo em sua pequena tela. Usuários dão zoom e voltam para ler partes do site. Embora essa seja uma solução impressionante do ponto de vista dos fabricantes, para os clientes pode ser uma experiência frustrante. Hoje é possível resolver estas questões de interface facilmente graças aos avanços na área de web design. Enquanto, no passado, era necessário ter uma versão móvel do site, agora é fácil manter um site que serve a todos os dispositivos. A solução é um site responsivo.

© 2017 iDesigns Studio. Todos Direitos Reservados.
Design Gráfico e Web Design - Centro, Vitória, ES