Web Design Responsivo: as melhores referências em português pra você aprender do básico ao avançado
Então você quer aprender design responsivo? Ou já sabe o conceito e quer se aprofundar na técnica? Compilei uma lista de referências sobre o tema exclusivamente em português. Artigos, palestras, livros, cursos e exemplos de sites responsivos brasileiros. Bons estudos!
1. Artigos
Introdutórios
- Design Responsivo por uma Web única, artigo meu aqui no Blog.
- Design Responsivo: Entenda o que é a técnica e como ela funciona, por Dennis Altermann.
- Série no Blog da Popup: parte 1, parte 2 e parte 3, por Dani Guerrato.
- Introdução ao Responsive Web Design, do Diego Eis, Tableless.
- Flexibilidade em páginas para dispositivos móveis com media queries, artigo meu no Blog da Caelum.
- 10 dicas para fazer um email responsivo, artigo meu aqui no Blog.
- Pixels, pixels ou pixels? Dicas de Web Mobile com viewport, artigo meu no Blog da Caelum.
- Responsive Web Design – Adaptação vs Otimização, do Diego Eis, Tableless.
- E você jura que ainda não sabe o que é Responsive Webdesign? Vamos mudar isso já!, do Bernard de Luna no iMasters.
Mais avançados
- Media queries para resoluções diferentes e retina, artigo meu aqui no Blog.
- Media queries também ajudam na acessibilidade, artigo meu aqui no Blog.
- Responsive Web Design – focando a coisa certa, do Diego Eis, Tableless.
- Tudo que você precisa saber sobre resoluções, telas retina, devicePixelRatio, DPI, CSS pixels e etc, artigo meu aqui no Blog.
- Design Responsivo & Retina Display: desenvolvimento web em alta resolução, por Dani Guerrato.
- DevCast sobre Design Responsivo com Leandro Lima.
- Media queries verticais, por Ofelquis Gimenes.
- As muitas faces do Mobile First, artigo de Brad Frost, traduzido pelo Will Sales no Tableless.
2. Palestras
Introdutórias
- Responsive Web Design: conteúdo em todos os dispositivos, do Eduardo Shiota, gravada no QCon SP 2012.
- Layouts Responsivos, do Zeno Rocha e do Bernard de Luna, na Campus Party 2013.
Mais avançadas
- Uma tonela de truques de Web Mobile, palestra minha no QCon SP 2012 - vídeo oficial
- Slides: Os Caminhos do Design Mobile e vídeo, por Horácio Soares, na Campus Party 2013.
- Slides: Mobile First, por Horácio Soares, na web.br 2012.
3. Livros e cursos
- Meu novo livro A Web Mobile: programe para um mundo de muitos dispositivos.
- Web Design Responsivo, do Tárcio Zemel, pela editora Casa do Código - meu review.
- Curso Web Design da Caelum - HTML, CSS e JavaScript. Design responsivo é um dos tópicos do curso.
4. Fóruns, listas, grupos
- Grupo Design Responsivo no Facebook
- Lista HTML5 CSS 3 Brasil
- Grupo Desenvolvimento Mobile no Facebook
- Fórum GUJ
5. Sites Responsivos Brasileiros
- Esse blog :)
- Vários subsites da Globo.com, como Globo TV e ETC.
- Tableless
- Livro Arquitetura Java
- Plataformatec
- Umobi
6. Evento
Certamente estão faltando vários bons links nessa lista. Tem mais algum bom para compartilhar sobre design responsivo? Comente e atualizo aqui!