
Navegando em CSS
5 técnicas úteis de CSS / jQuery para deixar seu site mais dinâmico
Publicado por renansoloaga em Ajax, Blog Resources, CSS, Design, Destaque, Experiência do usuário, jQuery - 22 de setembro de 2010 | Não há comentários
Desde os celulares até a televisão, “Interatividade” é a expressão da vez, e na internet ela é regra. Com ela é possÃvel transformar um site estático e maçante em um instrumento dinâmico que não só encanta usuários, mas transmite informações de forma mais eficaz. Neste post, vamos conhecer cinco diferentes técnicas de codificação que pode ser facilmente implementado em qualquer site para proporcionar uma experiência mais rica ao usuário.
As técnicas permitem melhor visualização de conteúdos não padronizados, ajudam os usuários a localizar informações...
Desde os celulares até a televisão, “Interatividade” é a expressão da vez, e na internet ela é regra. Com ela é possÃvel transformar um site estático e maçante em um instrumento dinâmico que não só encanta usuários, mas transmite informações de forma mais eficaz. Neste post, vamos conhecer cinco diferentes técnicas de codificação que pode ser facilmente implementado em qualquer site para proporcionar uma experiência mais rica ao usuário.
As técnicas permitem melhor visualização de conteúdos não padronizados, ajudam os usuários a localizar informações...
Tipografia web facilitada com o Google Fonts API
Publicado por renansoloaga em CSS, Design, Destaque, Otimização, Tipografia - 21 de junho de 2010 | Não há comentários
O mundo da tipografia web está avançando rapidamente. Já temos as opções Sifr, Cufon, Typekit, @ font-face e, agora, o Google lançou seu serviço de fontes personalizadas Google Fonts API. Vamos dar uma olhada no Google Font API e entender como você pode usá-lo em seus projetos web.
Como funciona
A API do Google Font é basicamente um atalho que pode ser usado manualmente para explorar a propriedade @font-face do CSS3. Quando você insere o código do Google no seu site, a API retorna um estilo de fonte incluindo uma regra de @font-face para o tipo de letra escolhido, ele...
O mundo da tipografia web está avançando rapidamente. Já temos as opções Sifr, Cufon, Typekit, @ font-face e, agora, o Google lançou seu serviço de fontes personalizadas Google Fonts API. Vamos dar uma olhada no Google Font API e entender como você pode usá-lo em seus projetos web.
Como funciona
A API do Google Font é basicamente um atalho que pode ser usado manualmente para explorar a propriedade @font-face do CSS3. Quando você insere o código do Google no seu site, a API retorna um estilo de fonte incluindo uma regra de @font-face para o tipo de letra escolhido, ele...
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 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...
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...
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...
© Renan Soloaga. Todos os direitos reservados • Atualize-se pelo RSS 