Já falamos neste post sobre o design responsivo, uma técnica que tem chamado muita a atenção de designers ao redor do mundo e promete mudar a forma como enxergamos os sites mobile.
Os palestrantes Bernard de Luna e Zeno Rocha falaram sobre esta tendência e como trabalhar com ela pode ser mais simples do que as pessoas imaginam. A primeira dica trazida por eles é a “prototipagem”, ou seja, antes de fazer algo, o interessante é fazer desenhos e rascunhos no papel ou mesmo utilizar “demonstrações vivas”, que podem ser criadas com frameworks prontos, como o Bootstrap e Foundation.
A dupla deixou outras dicas mais técnicas, como por exemplo como usar tabelas responsivas, como fazer vídeos e imagens responsivas e trouxeram discussões importantes para esta área, que ainda não está 100% resolvidas.
Esta palestra era muito boa para quem procura dicas e truques para entrar nesta área, e como dica principal a dupla deixou a frase: “brinquem mais”.
Entre as dicas de discussões e artigos que foram compartilhados durante a palestra, podemos colocar aqui:
- Thumbor, uma forma de adaptar melhor as imagens no layout responsivo
- The Accessibility Project, projeto sobre acessibilidade na web mobile e responsiva
Eles também demonstraram como criaram uma sanfona responsiva direto no browser em poucas horas, um projeto que começou no meio da tarde e foi feito dentro da Campus Party em poucas horas. Infelizmente o projeto ainda não está online para demonstração, mas em breve estará e podemos colocar aqui 🙂
Aproveitei o espaço de perguntas para questionar sobre os emails responsivos, que muitos consideram um problema sério, já que os emails ainda são uma das principais utilidades dos smartphones hoje em dia e eles não foram adaptados para a realidade mobile em que vivemos. Eles lembraram das questões técnicas e como ainda hoje em dia os serviços de emails não aceitam padrões HTML básicos, que já estão presentes nos navegadores a anos. Portanto, eles acreditam que seja um caminho muito complicado a seguir e que eles pessoalmente não investiriam no momento.
Veja os slides da palestra:
[slideshare id=16259493&doc=pdf-apresentacao-layouts-responsivos-130130112626-phpapp01]
