Dica rápida: CSS Resets e Inconsistência de navegadores
Publicado por renansoloaga em CSS, Design - 30 de abril de 2010 | Não há comentários
Nem todos os navegadores são desenvolvidos da mesma forma. Na verdade, cada browser é diferente. Qual é a margem padrão ou tamanho de fonte de um elemento <p>? Você pode se surpreender com a grande variedades de valores. Para lidar com as diferenças entre os navegadores, nós podemos nivelar o campo e começar do zero, usando as folhas de estilo CSS “Reset”.
Os primeiros recursos de Resets tratavam valores como margem e padding, usando uma redefinição global que era mais ou menos assim:
* { margin: 0; padding: 0; }
Porém, com o aumento de número de...
12 Técnicas de menus e botões em CSS3
Publicado por renansoloaga em CSS, Design, Destaque, Experiência do usuário, Imagens - 29 de abril de 2010 | Não há comentários

O CSS (Cascading Style Sheets) é um velho amigo dos desenvolvedores que se preocupam com padrões Web e que sonham em ver a rede repleta de sites incrÃveis, porém acessÃves. E exatamante por ser uma ferramenta recorrente sempre foi muito discutida e implementada, chegando agora a sua terceira versão. Ou melhor, quase chgando, pois esta nova versão está em processo de padronização, oque não nos impede de experimentar um pouco do futuro usando navegadores que já estão dando suporte como o Firefox 3.6.
O CSS3 está mudando a maneira como vamos construir websites. Mesmo que muitos...
O desaparecimento gradual dos sites em Flash
Publicado por renansoloaga em Ajax, CSS, Design, Destaque, Experiência do usuário, Otimização - 13 de abril de 2010 | Não há comentários

Sempre pensei muito sobre o assunto, e sempre tentei explicar de forma clara aos clientes a diferença entre optar por um site desenvolvido todo em Flash e um site em HTML, porém nunca tive capacidade de pontuar as idéias e esclarecer os mitos sobre este tema. Entretanto estava navegando por minha revista de desenvolvimento web preferida, a Smashing Magazine e felizmente me deparei com este post, que traduzo livremente neste blog.
O post original (em inglês) você pode encontrar aqui: http://www.smashingmagazine.com/2010/04/12/the-gradual-disappearance-of-flash-websites/. Não que eu acredite...
30 Posters criativos para sua inspiração
Publicado por renansoloaga em Design, Destaque, Imagens - 09 de abril de 2010 | Não há comentários

Posters podem ser uma excelente fonte de inspiração quando você está bloqueado pela parede de tijolos da criatividade.
Além de servirem de fonte de inspiração tipográfica, a combinação de patterns, cores e linhas nos ajuda a viajar e incorporar o conceito artÃstico.
Neste post eu compilei uma lista de 30 novos cartazes bonitos e diferentes que, com certeza, te ajudarão a superar a crise criativa. Todos os exemplos contém um link para o site/portfolio de seus criadores. Visite os sites caso precisem viajar um pouco mais.
Eu sei que pouco importa, mas o meu preferido é o penúltimo:...
Dica rápida: meça, copie e renda mais com PixelZoomer
Publicado por renansoloaga em Design, Imagens, Software - 06 de abril de 2010 | Não há comentários
PixelZoomer é uma extensão do Firefox muito útil para desenvolvedores web que podem substituir a etapa de tirar screenshots de uma página da Web e colá-lo em um software de edição de imagem para a tomada de medidas de pixels perfeitas.
Uma vez que é ativado (clicando em um Ãcone na parte inferior do Firefox), uma janela personalizada com a imagem da página é carregada.
Dentro desta janela, você pode dar zoom in / out, selecionar áreas especÃficas para ver a sua largura / altura e escolher(copiar) a cor de um pixel (ferramenta inestimável para o desenvolvedor).
A extensão...
Crie gráficos poderosos com RGraph e HTML5
Publicado por renansoloaga em CSS, Experiência do usuário, Otimização, Software - 05 de abril de 2010 | Não há comentários
Gráficos interativos, fáceis de implementar e gratuitos são muito difÃceis de se encontrar. Em geral as bibliotecas de gráficos são desenvolvidas em Flash, tornando um conteúdo tão rico em informação como um gráfico, não indexável nas ferramentas de buscas como Google, Yahoo, Bing, etc. Por este motivo gostaria de destacar o RGraph, uma biblioteca de gráficos de uso livre que ultiliza a tag canvas do HTML5.
Infelizmente nem todos os navegadores em uso atualmente suportam o novo formato HTML5, porém se você está preparando sua aplicação para necessidades atuais e para dar suporte...