Ralph Almeida – SEO, Otimização, Design
SEO, SEM, Design, etc
Infográfico: Porque as pessoas abandonam seu site?
Em: Design
17 jul 2012O 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
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>
- Nenhum Comentário
- Tags: auto reload, CSS, design, webdesign
Dica de Photoshop: Bordas perfeitas com as ferramentas Rectangle e Rounded Rectangle
Em: Photoshop
30 ago 2010Um 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 »
- (3) Comentário
- Tags: design, dica, photoshop, quadrado, rectangle, rounded rectangle, vetor
Ótimos efeitos de transição de imagens em jQuery : Coin Slider
Em: jQuery
30 ago 2010Navegando 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.
- (104) Comentário
- Tags: coin-slider, efeitos, imagens, jquery, plugin, slide
Busca em tempo real do Google
Em: Google
27 ago 2010Acabei 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
- (1) Comentário
- Tags: busca, buzz, Google, tempo real, twitter
Vídeo de 11 anos do Google em 2 minutos
Em: Google
28 out 2009O 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.”
- Nenhum Comentário
- Tags: Google, search, Street View, video, wave
53 Técnicas de CSS que você não pode viver sem conhecer
Em: CSS
30 set 2009O 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.
- (3) Comentário
- Tags: CSS, design, layout, técnicas
Pacote de ícones grátis: Vaga
Em: Ícones
29 set 2009
Icon set: vaga
Set de ícones grátis com layout simples e moderno, composto de 60 arquivos PNG transparentes.
- Nenhum Comentário
- Tags: Ícones, webdesign
Excelente imagem que achei no Smokingpot.org e tive que copiar!
- (3) Comentário
- Tags: alfabeto, geek
Doodle dos 100 anos da Imigração Japonesa
Em: Google
18 jun 2008O 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)
- (2) Comentário
- Tags: doodle, Google, japão
- Posts (RSS)
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 =)
- Edilene: como coloco o efeito como BACKGROUND para que dependendo da resolucao o banner fique sempre na tela [...]
- Alex: Amigo parabéns pelo post, de alta qualidade. obrigado. [...]
- paulo cesar: boa tarde teria como fazer esse slide ficar com o formato e estilo do facebook com o botão fechar [...]
- Guilherme Figura: Olá queria uma ajuda, não consigo colocar essa transição de imagens no site que eu estou desenvo [...]
- Lucas: opa cara, blz? estou tendo problemas para posicionar o div coin-slider. Eu posiciono ele por css m [...]
- Infográfico: Porque as pessoas abandonam seu site?
- Auto reload CSS: Reload automático dos arquivos CSS do seu site!
- Dica de Photoshop: Bordas perfeitas com as ferramentas Rectangle e Rounded Rectangle
- Ótimos efeitos de transição de imagens em jQuery : Coin Slider
- Busca em tempo real do Google
- Vídeo de 11 anos do Google em 2 minutos
- 53 Técnicas de CSS que você não pode viver sem conhecer
- Pacote de ícones grátis: Vaga
- Como as crianças aprenderão o alfabeto
- Doodle dos 100 anos da Imigração Japonesa
Categorias
- AdSense (6)
- AdWords (4)
- Analytics (4)
- Apple (4)
- CSS (2)
- Design (1)
- Docs (1)
- GMail (2)
- Google (38)
- Google Mobile (1)
- Ícones (1)
- iG (2)
- iPhone (4)
- jQuery (1)
- Orkut (8)
- Padrão (2)
- PageRank (1)
- Photoshop (1)
- Picasa Web Albums (1)
- Publicidade (4)
- SEO (4)
- Sitemaps (1)
- Street View (2)
- Tableless (1)
- Wordpress (2)
- zeitgeist (1)
Parceiros
