Web sites para pessoas, em qualquer lugar ou dispositivo.
Web sites para pessoas, em qualquer lugar ou dispositivo.
Desde o surgimento das técnicas de adaptação que foram trazidas ao nosso conhecimento, este é o primeiro livro que aborda o assunto. Não poderia ter sido escrito por outra pessoa que o próprio criador destas técnicas, Ethan Marcotte. Como já escrevi neste site, Ethan não criou uma tecnologia que permitiu que os sites se adaptassem aos dispositivos, na verdade ele foi inteligente o suficiente para perceber que a tecnologia atual era suficiente para tal uso e às combinou de forma brilhante criando uma abordagem do webdesign única. Para este conjunto de técnicas ele cunhou o termo “Responsive Web Design” (Design Adaptável).
Li o livro de 150 páginas em dois dias nas minhas travessias pela baía de Guanabara. Como um estudioso destas técnicas eu já tenho um bom conhecimento sobre Responsive Web Design, por isso fiquei com receio sobre a experiência que eu teria ao ler o livro. Resposta? Foi uma leitura rápida, fácil e divertida. Rápida por ser um livro curto e objetivo, fácil por usar uma linguagem acessível com muitos exemplos de códigos e imagens e divertida pela forma do autor tratar o assunto com leveza e bom-humor.
Ps: mesmo para que não tem um completo domínio da língua inglesa.
Capitulo 1 – Our Responsive Web
Capítulo 2 – The Flexible Grid
Capítulo 3 – Flexible Images
Capítulo 4 – Media Queries
Capítulo 5 – Becoming Responsive
Acknowledgements
Resources
References
Index
O primeiro capítulo é uma reflexão sobre como, historicamente, criamos. Como o artista, o designer gráfico, o arquiteto cria, e estabelece um paralelo com o webdesign que justifica tudo que será apresentado no decorrer do livro. (Artigo sobre o tema)
Os três capítulos seguintes são destinados a explicar o que são e como implementar as técnicas utilizadas. Neste ponto eu estava um pouco reticente, pois já tinha um conhecimento bastante grande de como utilizá-las, mas algumas dicas foram muito interessantes, como a falsa coluna em grids fluidos, aliás, vou preparar um artigo detalhando esta técnica.
Minha cabeça explodiu quando Ethan abordou a temática “mobile first”, ou mobilidade em primeiro lugar (em livre tradução). Eu já conhecia esta abordagem no desenvolvimento de sites, mas tinha encontrado uma solução usando linguagens do lado do servidor, o que torna a manutenção mais trabalhosa. O problema é o seguinte: ao organizarmos o CSS para desktops e utilizarmos as media queries adaptando o conteúdo aos dispositivos móveis estamos fazendo com que o usuário carregue um monte de classes, atributos e imagens que serão, simplesmente, jogados fora. Ao invertermos esta lógica, ou seja, ao estilizarmos o essencial para dispositivos móveis e organizarmos as media queries fazendo as adaptações na medida em que o dispositivo aumenta sua resolução, estamos garantindo que o site seja o mais “leve” possível para estes dispositivos que possuem menor capacidade de processamento e, normalmente, menor largura de banda com maior custo. Isso pode parecer óbvio agora, mas nos primeiros estudos e exemplos do próprio Ethan não abordávamos o problema desta forma.
No último capítulo Ethan abordou questões como: otimização de código e imagens, quando usar as técnicas de adaptação e adaptação do conteúdo para dispositivos móveis. Esta última vem gerando uma enorme discussão na comunidade web. Tudo isso com uma enorme lista de links tornando o livro maior do que a quantidade de páginas impressas.
Responsive Web design – A book apart
É um livro importante para webdesigners e desenvolvedores. Só não digo que é essencial porque você pode conseguir estas informações em sites especializados, como o Design Adaptável, mas como em qualquer bom livro você terá muita informação de qualidade já testada pelo autor… sem a necessidade de energia elétrica. 
Para comprar o livro use este link. Como você terá que pagar o frete internacional recomendo fazer o pedido combo dos títulos HTML5 For Web Designers + CSS3 For Web Designers em um único pedido. Tenha uma ótima leitura!
Ótimo review! Bruno, realmente este livro é ótimo. Confesso que ainda não tinha entendido o conceito de "mobile first". Agora, com sua bela explicação, entendo. Aliás, o pessoal da a book apart vai lançar um livro sobre mobile first. Tu já viu o livro Adaptive Web Design
Crafting Rich Experiences with Progressive Enhancement? Se sim, o que achou do mesmo? Mandei a dica pra editora bookman lançar esses livros em pt-br, mas eles não deram muita bola.
Fala Lucas! Eu estou preparando um benchmark para demonstrar a diferença de usar as @mediaqueries usando o conceito "mobile first". Acho que ficará mais claro. Também estou de olho no livro, assim que sair não vou aguentar esperar muito. haha
Não li os títulos que você mencionou, apenas os que recomendei no artigo.
É meu amigo, as editoras daqui, normalmente, estão atrazadas com relação a livros técnicos como esse. É difícil até julgá-las, pois não sabemos exatamente o tamanho do mercado onde impera a pirataria.
Me ocorreu uma ideia… lembrei dos livros do @maujor lançados pela Novatec. Como eles estão investindo na área pode ser que se interessem.
Abraços.
Entre em contato com a novatec, explique a qualidade do material e diga que você poderá fazer uma ampla divulgação no seu blog por um preço camarada. Assim a editora ganha com a ampla divulgação do vídeo e você ganha mais uma forma de monetizar seu projeto.
RT @designAdaptavel: Responsive Web Design – o livro http://t.co/92Zs070 via @designAdaptavel
Cara quanto mais ou menos fica o frete para o Brasil?
Bruno, seguem os detalhes do meu pedido. Assim é melhor, né!
1x Responsive Web Design – Paperback for $18.00 each
1x HTML5 & CSS3 for Web Designers Bundle – Paperback bundle for $30.00 each
Subtotal : $48.00 USD
Shipping : $16.00 USD (Niterói – RJ)
Total : $64.00 USD
RT @danilo_meloo Responsive Web Design – o livro | Design Adaptável http://j.mp/rmhzIO http://t.co/HVVMWe6G
Ótima postagem, irei ler este livro!
@Alessandro o livro é muito legal mesmo. Estou lendo o Mobile First… também é imperdível!
Para quem estuda técnicas de adaptação o entendimento do contexto móvel é essencial.
Abs
Olá, boa noite,
Eu estou a querer fazer uma versão especifica para mobile do meu site
Mas ainda não sei como fazer isso
Fui informado que posso conseguir isso atravez da tecnica responsive web design
Poderia fazer uma publicação colocando um exemplo muito simples de como fazer isso ?
Obrigado
Cumprimentos
César Oliveira http://www.profissionalweb.net
César, o que você precisa está distribuido em vários artigos neste site, os principais são: http://www.designadaptavel.com.br/artigos/layout-... http://www.designadaptavel.com.br/artigos/media-q...
Veja os exemplos do segundo artigo.
Abs