O artigo de hoje é uma dica de leitura. Vou falar um pouco sobre o livro WEB DESIGN RESPONSIVO, escrito por Maurício Samy Silva, o Maujor.
O interessante deste livro é que, além de falar sobre WEB DESIGN RESPONSIVO, ele fala sobre HTML5, CSS3, semântica, usabilidade, acessibilidade, dá dicas e alertas.
Tem exemplos práticos, fala sobre CSS reset, Polyfills, otimização de imagens e outros tantos. É um livro bem completo e de fácil leitura, mas é necessário um razoável conhecimento de HTML e CSS para fazer melhor proveito.
O livro é voltado tanto para a área de design, quanto para a de desenvolvimento e programação.
Recomendo o livro para quem está iniciando e também para aqueles que já conhecem o tema.
Abaixo está uma breve descrição do que você encontrará no livro e no final do artigo um cupom de 20% de desconto para a compra do livro direto no site da editora Novatec:
- Capítulo 1: inicia contando um pouco da história de layouts na Web, aborda os princípios do design responsivo (RWD). Fala sobre os ingredientes, pilares, mitos e o conceito Mobile First, Desktop vs Mobile e faz também uma breve abordagem sobre Web Design Adaptivo;
- Capítulo 2: temos uma rica leitura sobre HTML5 3 CSS3;
- Capítulo 3: são as Media Queries - Abordagem geral, funcionalidades, fundamentos, Breakpoints, mobile first, suporte, orientações gerais e exemplos;
- Capítulo 4: fala sobre Imagens flexíveis. Introdução, Retina Display, Otimização de imagens e técnicas de inserção de imagens flexíveis;
- Capítulo 5: Mídias flexíveis, falando sobre elemento de vídeo no HTML5, vídeos do Youtube e Vimeo e mapas do Google;
- Capítulo 6: Acessibilidade na web e design responsivo. Capítulo muito recomendado, veja abaixo os temas abordados:
- Introdução
- Recomendações para desenvolver conteúdo acessível na web
- Não utilize somente a cor para transmitir uma informação
- Imagens acessíveis
- Formulários acessíveis
- Utilização de mouse para interação e navegação
- Título da página ausente ou inapropriado
- Idioma da página
- Abrindo novas janelas
- Recarregamento automático de páginas
- Respeite a semântica
- Utilize cabeçalhos de forma adequada
- Utilize landmarks
- Simplifique suas tabelas
- Valide a marcação HTML
- Validação de acessibilidade
- Dicas importantes
- Conclusão
- Capítulo 7: Transformando layout existente em responsivo. Neste capítulo vamos colocar a mão na massa, veja abaixo os temas abordados:
- Introdução
- Transformando pixel em porcentagem
- Introdução
- De fixo para responsivo
- Polyfill para box-sizing
- iMasters, de fixo para responsivo
- Layout existente
- Etapas de transformação do layout fixo em responsivo
- Capítulo 8: Criando um layout responsivo. Depois de todo o conhecimento adquirido nos capítulos anteriores chegou a hora de criar um layout responsivo do zero. A criação da página responsiva foi dividida em 9 etapas (Estrutura e template da página, Topo, Navegação, Caixa de busca, Slide Show, Área de notícias, Área de informações, Área do Rodapé e por fim os Breakpoints);
- Capítulo 9: Media queries na visão de Almir Filho - é um bônus. Nele, Almir Filho fala sobre conceitos e funcionalidades já tratados no capítulo 3 e outras tantas novidades que estão por vir nessa área.
Leitores do Codebreak têm 20% de desconto.
Em parceria com a Novatec, Editora do livro, disponibilizamos para os leitores do Codebreak o desconto de 20% na compra do livro pelo site da Novatec utilizando o código CODEBREAK
O código CODEBREAK é válido até o final de 2014.
Para mais detalhes sobre o livro acesse o site da editora Novatec logo abaixo.
https://novatec.com.br/livros/webdesign-responsivo/
Resumo:
Esta foi uma visão geral sobre o livro WEB DESIGN RESPONSIVO, escrito por Maujor. É um livro completo, excelente para quem busca reduzir a curva de aprendizado e ter uma base sólida sobre WEB DESIGN RESPONSIVO. Recomendo o livro para quem está iniciando e também para aqueles que já conhecem o assunto.