Conteúdo

Está criando um site, mas ele fica péssimo quando você o abre no seu celular? Descubra como fazer com que elas abram de forma usável nos dispositivos móveis. Aprenda as diversas técnicas que constituem o Web Design Responsivo e apenas com CSS, faça com que suas páginas web funcionem em qualquer dispositivo, sem nenhuma dor de cabeça.

Saiba o que você vai aprender

Sumário

• 1 Introdução
• 1.1 Estatísticas do mundo mobile
• 1.2 Uma questão de conceito
• 1.3 Mas meu site já está bom para Android e iPhone!
• 1.4 Para quem é este Livro?
• 1.5 Para aproveitar melhor este Livro

• 2 Princípios de um web design responsivo
• 2.1 Como surgiu o web design responsivo
• 2.2 A trinca tecnológica do web design responsivo
• 2.3 Resoluções de tela

• 3 Layout fluido
• 3.1 Tipos de medida em CSS
• 3.2 A fórmula mágica do web design responsivo
• 3.3 Exemplo de um layout fixo
• 3.4 Metatag viewport
• 3.5 Convertendo um layout fixo em layout fluido

• 4 Imagens e recursos flexíveis
• 4.1 CSS para imagens flexíveis
• 4.2 CSS para outros recursos flexíveis
• 4.3 O problema de imagens em layouts fluidos
• 4.4 Técnicas para imagens flexíveis em web designs responsivos
• 4.5 Imagens em alta resolução
• 4.6 Tipos de imagem para web

• 5 Media Queries
• 5.1 Primeiro, os Media Types
• 5.2 Media Queries
• 5.3 Parâmetros para trabalhar com Media Queries
• 5.4 Operadores Lógicos
• 5.5 Vá quebrando seu design em breakpoints bem pensados
• 5.6 Gerenciamento de erros
• 5.7 Uso consciente de Media Queries
• 5.8 Media Queries na prática

• 6 Tópicos de Web Mobile
• 6.1 O que é Mobile First?
• 6.2 Por que Mobile First?
• 6.3 Notas gerais sobre Mobile First
• 6.4 Como as pessoas usam dispositivos móveis?
• 6.5 O conteúdo é o rei
• 6.6 Padrões de navegação mobile
• 6.7 10 princípios de design para interfaces mobile

• 7 Continuando seus estudos
• 7.1 Livro A Web Mobile
• 7.2 Artigos/Tutoriais
• 7.3 Bookmarklets
• 7.4 Esboço e planejamento
• 7.5 Ferramentas
• 7.6 Inspiração
• 7.7 JavaScript puro
• 7.8 Plugins jQuery
• 7.9 Testes de responsividade
• 7.10 Templates e Frameworks
• 7.11 Palavras finais