Casa do Código - Livros e Tecnologia

  • Programação
  • Lógica
  • Java
  • .NET
  • PHP
  • Games
  • OO
  • Funcional
  • Python
  • Outros
  • Todos
  • Mobile
  • iOS
  • Android
  • Multiplataforma
  • Outros
  • Todos
  • Front-end
  • HTML e CSS
  • JavaScript
  • Outros
  • Todos
  • Infraestrutura
  • Web
  • Dados
  • Outros
  • Todos
  • Business
  • Startups
  • Marketing Digital
  • Gestão
  • Agile
  • Outros
  • Todos
  • Design & UX
  • Você tem 0 itens na sacola 0 Abrir navegação por categorias e busca Ir para ao topo da página

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

    *Você terá acesso às futuras atualizações do livro.

    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:
    Data publicação:
    Fórum de discussões

    Compartilhe!

    Compartilhe no Facebook Compartilhe no Twitter

    *Você terá acesso às futuras atualizações do livro.

    altLogoFooter

    Uma empresa do Grupo Alun

    Logo da Alun

    Links da
    Casa do Código

    • Meus ebooks
    • Sobre a Casa do Código
    • Todos os livros
    • Nossas coleções
    • Quero escrever um livro ou fazer parceria
    • Perguntas Frequentes
    • Política de Privacidade
    • Fale conosco

    Nas redes sociais

    • /CasaDoCodigo
    • @casadocodigo
    • @casadocodigo

    Receba novidades e lançamentos

    Este site aceita Pix, Cartão de Crédito, Débito

    • pagarme
    • paypal

    Grupo Alun

    • Educação em Tecnologia

      • FIAP
      • Casa do Código
      • PM3 - Cursos de Produto
    • Mais Alura

      • Alura Start
      • Alura Língua
      • Alura Para Empresas
      • Alura LATAM
    • Comunidade

      • Tech Guide
      • 7 days of code
      • Hipsters ponto Jobs
    • Podcasts

      • Hipsters ponto Tech
      • Dev sem Fronteiras
      • Layers ponto Tech
      • Like a Boss
      • Scuba Dev