jQuery Mobile

Um dos Frameworks mais bacanas que uso nos meus trabalhos é o jQuery Mobile. Uso para desenvolver sites para celulares.

Além de facilitar bastante a interação do site com o visitante ele ainda ajuda muito no design do site, pois podemos criar menus, botões entre outros elementos já com os estilos padrões que ele possui na sua biblioteca.

Vou postar aqui uma página bem simples, uma página home de um site mobile, o qual você pode até usar como modelo para criar os seus, alterando apenas as cores, símbolos, etc.

Porém, para você testar no seu Google Chrome, é bom adicionar uma extensão bem bacana que faz a simulação na tela do Chrome de diversos smartphones dentre as resoluções existentes. Depois que adicionar essa extensão, vai aparecer um "m" vermelho à direita e no topo do navegador. Então, depois que clicar no link para visualizar, basta clicar nesse "m" para ele oferecer as resoluções existentes para você clicar e ver a simulação.

Clique Aqui, para Adicionar a Extensão ao navegador Chrome...

Depois que a extensão estiver instalado no seu Chrome,

Clique Aqui, para ver a página.

Clique Aqui, para Baixar (Download) os Arquivos.