Devido ao COVID-19, para proteger a todos os envolvidos na gráfica, correio, na Casa do Código e você, estamos temporariamente vendendo apenas e-books.

Use o código e tenha 10% de desconto!

Web Design Responsivo Páginas adaptáveis para todos os dispositivos

Tárcio Zemel
Capa

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:
179
ISBN:
978-85-66250-07-7
Data publicação:
09/2012

Compartilhe!

Compartilhe no Facebook Compartilhe no Twitter