Web sites para pessoas, em qualquer lugar ou dispositivo.

POSTS RECENTES

Otimizando imagens para cada contexto de uso no WordPress

por Bruno Barros

Publicado em 2 OUT 2011

Caso o usuário esteja acessando seu site de um dispositivo móvel não faz sentido carregar as imagens utilizadas nas versões para desktop para então utilizar as técnicas de imagens fluidas. Neste artigo vou demonstrar como usar a detecção de dispositivos do lado do servidor para servir imagens adequadas para cada contexto de uso usando a plataforma WordPress. continuar lendo.

Mobile first vs desktop first

por Bruno Barros

Publicado em 11 SET 2011

Desde que surgiu o conceito de Design Adaptável que uma discussão se arrasta e preenche muitas páginas de blogs sobre webdesign. Seria o Design Adaptável a “bala de prata” para construirmos sites mobile em uma única tacada… ou com um único tiro? Para demonstrar o impacto na velocidade de carregamento do site veja na íntegra o benchmark em vídeo. continuar lendo.

Responsive Web Design – o livro

por Bruno Barros

Publicado em 18 AGO 2011

Desde o surgimento das técnicas de adaptação que foram trazidas ao nosso conhecimento, este é o primeiro livro que aborda o assunto. Ethan não criou uma tecnologia que permitiu que os sites se adaptassem aos dispositivos, ele foi inteligente o suficiente para perceber que a tecnologia atual era suficiente para tal uso e às combinou de forma única. continuar lendo.

Temas adaptáveis para WordPress

por Bruno Barros

Publicado em 20 JUL 2011

Como este é o primeiro post sobre o assunto, vou simplesmente apresentar algumas opções de temas gratuitos para Wordpress. E nos próximos artigos vou escolhendo alguns temas para colocar minhas reflexões sobre as adaptações propostas com foco na experiência de navegação, usabilidade e design. Deixe suas impressões e sugestões de novos temas! continuar lendo.

Liquidificando: Webinsider

por Bruno Barros

Publicado em 17 JUN 2011

Estou de volta com mais um artigo “liquidificando”. Desta vez aplicando as técnicas de adaptação no site Webinsider, no ar desde 2000, criado pelo jornalista Vicente Tardin. Durante as adaptações fui explicando passo a passo as técnicas de layout e imagens fluidas. O resultado é bastante interessante, só parei nos banners em iframes… aí não deu. ;-) continuar lendo.

O passo a passo dos wireframes do blog Design Adaptável

por Bruno Barros

Publicado em 26 MAI 2011

Wireframe é um guia visual para o site que organiza os elementos da interface e conteúdo no espaço. Fornece a estrutura que será usada pelo designer para construir o layout, bem como requisitos funcionais que serão usados pelo desenvolvedor. Por isso deve ser simples, permitindo rápidas alterações; e informativo, permitindo que se façam testes com usuários. continuar lendo.