O infográfico abaixo feito pela Kissmetrics revela os 8 pecados mortais em um site que fazem com que as pessoas abandonem seu site logo após que elas entram, aumentando a taxa de rejeição e não trazendo nenhum cliente.

São eles:

 

1) Navegação ruim

Continue lendo »

Vai aí uma dica bem útil pra quem trabalha com desenvolvimento de websites e aplicações web: reload automático dos arquivos CSS.

Pra quem trabalha com dois monitores, que é meu caso, é melhor ainda. Em um monitor eu deixo o site aberto e no outro meu editor CSS. Assim quando eu altero uma informação, o site ao lado já atualiza automagicamente, sem precisar ficar dando F5 a cada modificação de cores, fontes, margens, etc.

Os passos são o seguinte;

1) Faça o download desse arquivo JS css_auto-reload.js e inclua no cabeçalho de seu site:

<script type=”text/javascript” src=”css_auto-reload.js”></script>

2) Chame a função na tag <BODY> de seu site:
<body onLoad=”javascript:(document.styleSheets.start_autoreload(2000))”>

Nesse exemplo o reload acontecerá a cada 2 segundos. Para modificar esse tempo, basta mudar o valor que no caso está em 2000 milissegundos.
Pronto, agora você pode trabalhar com mais rapidez e eficiência =)

Um problema que eu sempre encontrava ao desenhar retângulos no Photoshop era as malditas bordas embaçadas que apareciam quando os pixels não se encaixavam corretamente com a grid de pixels.

Aí eu sempre dava um mega zoom na área embaçada e ajustava a largura e altura corretamente até conseguir eliminar esse efeito.

Até que encontrei hoje um post super interessante nesse site (Bjango) e descobri a salvação para esse tipo de problema.
Continue lendo »

Navegando na internet, encontrei um site de um designer, russo se eu nao me engano, onde ele mostrava as imagens de seu portfólio com um lindo efeito de transição de imagens, que eu achava ser em flash.
Curioso ao ver que não era Flash, entrei no código fonte e encontrei a mágica: jQuery!

jQuery é uma biblioteca feita em JavaScript que é o bambambam dos webdesigners atualmente. Possui excelentes recursos que deixam seu site super atraente e sem deixar pesado como sites em Flash.

O nome do plugin é Coin Slider, e eu achei nesse site aqui, em inglês. Ótimo site por sinal, com vários post interessantes.

E como esse plugin foi útil pra mim, resolvi postar aqui no blog, que aliás está precisando de atualizações!

Então vamos ao que interessa.

Continue lendo »

Acabei de ver que o Google lançou um serviço de busca em tempo real. Não sei quando ele lançou, mas descobri hoje =)

Nesse vídeo explicativo que eles lançaram no YouTube você vê com detalhes como funciona:

Você faz a busca e o Google vai atualizando automaticamente de acordo com novos resultados, buscando de diversas fontes de informação, como Twitter, Buzz, WordPress, Facebook, Blogspot e vários outros.

Após realizada a busca, dá pra filtrar pelo horário da notícia, através de um gráfico no topo da página.

Serviço interessante e pelo visto, algo que os demais buscadores vão ter que incorporar em seus resultados daqui pra frente.

Link pra página do Google Realtime: www.google.com/realtime

O time do escritório do Google na Inglaterra fez esse vídeo abaixo que mostra uma rápida história da evolução do Google e os produtos lançados.

“De Stanford para Mountain View e o resto do mundo, com diversos produtos diferentes, começando com o Google Search até o Google Wave, StreetView e Chrome.”

11 anos do Google em 2 minutos

O CSS vem se difundindo cada vez mais entre os desenvolvedores web. Na primeira vez que aprendi, juro que pensei: “Que coisa inútil” mas hoje não consigo fazer nada na web sem utilizar CSS. Desenvolver em CSS oferece diversas vantagens, como fazer um site completamente sem tabelas, o que já é uma boa otimização pros buscadores (SEO), e o mais importante é que separa o layout da programação e da informação do site, tornando muito mais fácil a modificação de temas e layout de uma página.

Eu sempre vejo inúmeros artigos sobre CSS, e até indico um ótimo site que inclusive, é do professor da empresa onde aprendi realmente o início do CSS e a utilizar Tableless, o site Tableless.

E como o CSS chegou para ajudar, mostro abaixo 53 técnicas de CSS muito boas e que facilitam bastante a vida de qualquer desenvolvedor. Achado no Smashing Magazine, um dos melhores sites de design que conheço.

Continue lendo »

Icon set: vaga

Icon set: vaga

Set de ícones grátis com layout simples e moderno, composto de 60 arquivos PNG transparentes.

Faça o download dos ícones

Excelente imagem que achei no Smokingpot.org e tive que copiar!

O Google comemora hoje os 100 anos da Imigração Japonesa com um Doodle especial, onde mostra um mapa mundi e um caminho traçado entre o Brasil e o Japão.

“A imigração japonesa no Brasil começou no início do século XX, como um acordo entre o governo japonês e o brasileiro. O Brasil abriga a maior população japonesa fora do Japão. São cerca de 1,5 milhão de pessoas.[1] O uso do termo nikkei é, atualmente, usado para denominar os japoneses e seus descendentes.” (Wikipedia)

Links



Sobre este blog

Me chamo Ralph Almeida e moro no Rio de Janeiro-RJ. Trabalho com otimização, desenvolvimento web e design. Aqui no blog falarei sobre dicas de SEO, design, tipografia, PHP, Google e assuntos tecnológicos em geral =)

Parceiros