Web Design Responsivo
Prefácio
A era pós-PC da computação pessoal chegou com tudo. Nos tablets e smartphones, a Web, finalmente, tem a chance de se tornar verdadeiramente ubíqua e onipresente. Ainda estamos no começo dessa nova fase da tecnologia, mas o futuro é inegavelmente da Web móvel e dos mais diversos aparelhos de navegação.
Essa nova perspectiva traz desafios importantes. Até ontem, Web significava um navegador instalado num Desktop controlado por mouse e teclado numa tela de tamanho confortável. Nossos sites foram construídos pensando nesse cenário. Mas, agora, temos telas pequenas, touch screen, redes móveis e muitas outras diferenças. Precisamos de uma nova Web. Uma Web que suporte essa explosão de dispositivos e, mais ainda, esteja preparada para o futuro de dispositivos que ainda nem conseguimos antever.
O Web Design Responsivo é a chave para essa nova Web. É pensar em páginas que se adaptem a todo tipo de dispositivo e contexto de uso. É sair das limitações de um browser Desktop e seu tamanho previsível, e pensar em páginas com flexibilidade que suportem todo tamanho de tela, qualquer tipo de resolução, interfaces com touch ou mouse. Pensar responsivamente é repensar a Web para o futuro.
Este livro é a ferramenta que você precisa pra entender os desafios do Web Design Responsivo. O Tárcio mostra os pilares de uma interface responsiva, explora os aspectos técnicos do HTML e CSS, e mostra ideias para uma interface móvel usável. É um livro que recomendo para todo desenvolvedor Web que queira participar ativamente da nova Web. Espero que você aproveite a leitura como eu aproveitei.
E, quando terminar a leitura, não deixe de conferir também meu livro A Web Mobile (http://sergiolopes.org/livro-web-mobile/), onde aprofundo em vários outros temas relacionados a dispositivos móveis e sites responsivos.
Sérgio Lopes - @sergio_caelum
Instrutor e desenvolvedor na Caelum
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
Dados do produto
- Número de páginas:
- Data publicação: