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

HTML5 e CSS3 Domine a web do futuro

Lucas Mazza
Capa

HTML5 e CSS3

Agradecimentos

"Nothing of me is original. I am the combined effort of everybody I've ever known."

Durante a criação deste livro, recebi ajuda de várias pessoas, e sou extremamente grato a elas pela sua participação nos meses em que trabalhei nele:

Ao Adriano Almeida e ao Paulo Silveira pela oportunidade única de escrever este livro, e a ajuda de todos da Casa do Código e da Caelum.

À minha família e à minha namorada, pela paciência e ajuda durante estes meses, por todas as noites e finais de semana dedicados a este projeto. A incrível equipe da Plataformatec, que é muito boa no que faz. Por todos os projetos, apresentações, cafés e chopps compartilhados até então - que muitos outros venham no futuro!

A todos os meus colegas e amigos de projetos e empresas passadas - devo muito a todos pelo conhecimento compartilhado ao longo dos anos, que sem dúvida foi muito importante para eu chegar até aqui.

E a você, leitor, que está prestes a ler o meu livro. Muito obrigado por dedicar o seu tempo e a sua atenção a ele. Espero contribuir para que você crie ótimos projetos e faça a sua parte para criar uma web melhor.

Sumário

  • 1 - O desenvolvimento web hoje
    • 1.1 - Por que você deve aprender HTML e CSS
    • 1.2 - O estado dos navegadores
    • 1.3 - A complicação dos prefixos proprietários
    • 1.4 - A longa e sinuosa estrada deste livro
  • 2 - Os primeiros passos com o nosso site
    • 2.1 - Escrevendo HTML, de dentro para fora
    • 2.2 - Adicionando formatações básicas
    • 2.3 - Bordas e margens
    • 2.4 - Um pouco de cor sempre é bom
    • 2.5 - Primeiro contato com imagens
    • 2.6 - Adicionando elementos secundários
    • 2.7 - Faça para sua cidade também!
  • 3 - HTML5: o que mudou?
    • 3.1 - Escrevendo menos e fazendo mais
    • 3.2 - Atributos personalizados
    • 3.3 - Tags novas para elementos antigos
    • 3.4 - Refatoração da página de São Paulo
    • 3.5 - Seja pragmático
  • 4 - O que todo desenvolvedor precisa saber sobre CSS
    • 4.1 - A incompatibilidade dos browsers e a razão dos resets de CSS
    • 4.2 - Compreendendo o Box model
    • 4.3 - Utilizando pseudoelementos
    • 4.4 - Desenhando uma faixa com "::before" e "::after"
    • 4.5 - Decorando mensagens
    • 4.6 - Criando conteúdo através de CSS
    • 4.7 - Arquitete o seu CSS para o futuro
    • 4.8 - Gere relatórios inteligentes e simples com os estilos de impressão
  • 5 - O que você consegue fazer com CSS 3
    • 5.1 - A regra @font-face
    • 5.2 - Como utilizar serviços de distribuição de fontes
    • 5.3 - Substituição de ícones por fontes
    • 5.4 - Explore novas possibilidades com bordas
    • 5.5 - Manipulação de cores com rgba e gradientes
    • 5.6 - Trabalhe com sombras e crie menus elegantes
    • 5.7 - Combinando tudo
  • 6 - Tomando controle da estrutura visual
    • 6.1 - A propriedade 'display'
    • 6.2 - Flutue elementos
    • 6.3 - O clearfix, uma classe obrigatória em seus projetos
    • 6.4 - Compreenda o uso de position
    • 6.5 - Crie a sua própria janela modal
    • 6.6 - Como escolher os métodos para posicionar os seus elementos
    • 6.7 - Grids - um padrão de estrutura para as suas páginas
    • 6.8 - Posicionando elementos com CSS 3
  • 7 - Melhorando os seus formulários
    • 7.1 - O que temos no HTML 5
    • 7.2 - Formulários HTML 5 nos dispositivos móveis
    • 7.3 - Criação do primeiro formulário
    • 7.4 - Alinhamento e estilos visuais nos campos e formulários
    • 7.5 - Exibição de mensagens de ajuda
    • 7.6 - Mostre mensagens de erro
    • 7.7 - Levando o usuário direto ao que importa com o autofocus
    • 7.8 - A flexibilidade do atributo placeholder
    • 7.9 - Aplicando CSS3 em botões
  • 8 - Efeitos 101: Trabalhando com animações e transições
    • 8.1 - Transformando elementos
    • 8.2 - Os efeitos rotate, scale, skew e translate em uma galeria de fotos
    • 8.3 - Transições de estilos
    • 8.4 - Transições na galeria de fotos
    • 8.5 - Um detalhe importante sobre transições e JavaScript
    • 8.6 - Transformações em 3D
    • 8.7 - Girar formulários com apenas um clique
    • 8.8 - Utilizando animações
    • 8.9 - Começando com keyframes
  • 9 - O universo fora dos desktops e notebooks
    • 9.1 - O que é "Responsive Web Design" e porquê você deve se preocupar
    • 9.2 - O funcionamento dos media queries
    • 9.3 - Não é uma questão de aparelhos
    • 9.4 - Por um futuro melhor
  • 10 - Ferramentas - Frameworks, Plugins e Pré-processadores
    • 10.1 - Bootstrap
    • 10.2 - HTML5 Boilerplate
    • 10.3 - Plugins em JavaScript
    • 10.4 - Modernizr
    • 10.5 - Polyfills
    • 10.6 - Pré-processadores
    • 10.7 - É tudo CSS e HTML
  • 11 - Não pare por aqui

    Dados do produto

    Número de páginas:
    217
    ISBN:
    978-85-66250-05-3
    Data publicação:
    05/2012

    Compartilhe!

    Compartilhe no Facebook Compartilhe no Twitter