Archive

Archive for the ‘WebStandards’ Category

Mudanças nas (antigas) Aranhas

August 5th, 2008 Saulo Benigno No comments

Ok, após a migração, vi que o Blog do Caparica precisava de umas melhorias básicas, tentei então utilizar algumas dicas que conheço. Conto aqui para vocês.

Comecei adicionando na página de Posts a lista de ‘Posts Relacionados‘ , utilizando um plugin do WordPress chamado Similar Posts. Incluindo o mesmo somente nas páginas de Posts. Como o tema do Caparica utiliza apenas um index.php para todas as páginas, incluí então uma função php para o plugin ser chamado apenas nas ‘chamadas‘ de posts:

<?php if ( is_single() ) : ?>
<h2 class="replace-black">Posts Relacionados</h2>
<?php similar_posts(); ?>
<?php endif; ?>

Com este plugin será possível melhorar a linkagem interna do blog e também facilitar a navegação dos usuários.

Depois fui organizar a Sidebar (esta barra à esquerda). Fiz diversas mudanças, que aqui listo:

  • Organizei a lista de Arquivos (mudando o nome de Archives para Arquivos [sim, também traduzi o título de cada item]) , que tinha todos os meses desde 2002, era enorme, utilizei um plugin chamado Collapsing Archives para agrupar por ano. Deixando somente o ano atual aberto. Assim diminuindo o tamanho de cada página gerada.
  • Após o sucesso da organização dos Arquivos, fiz o mesmo com as Categorias (antigo Categories) , utilizando desta vez o plugin Collapsing Categories. Juntando aqui as categorias com cada sub-categoria. Diminuindo ainda mais cada página.
  • Organizei o Blogroll, eram 35 links cadastrados, coloquei apenas para listar 10 links randômicamente. Também diminuindo o tamanho das páginas. Modifiquei o título para ‘Sites indicados (Blogroll)’ e logo depois para somente ‘Eu leio…‘ à pedido do Caparica.
  • Adicionei mais um campo na barra, o campo ‘Posts mais lidos‘, utilizando o plugin Top Posts By Category, que, como pode ser visto, ainda está vazio, já que ele só começa a contar a partir do momento da implementação. Assim será necessário alguns dias para vermos os resultados.

Arrumei também o Cabeçalho/Header do site:

  • Organizei as abas, deixando todas elas marcadas de acordo com cada área do site.
  • Adicionei mais uma área, chamada ‘mapa‘ (Mapa do Site). Que descrevo a seguir.

Outras mudanças e adições gerais:

E por último, adicionei um favicon no site, gerado a partir do famoso avatar do Caparica. Aumentando assim a personalização visual e acessibilidade nos favoritos :)

Foi isso. E sim, como vocês podem ter notado, 90% das modificações tem como foco técnicas de SEO. Estarei acompanhando as estatísticas do site nesses próximos dias/meses para saber se deu retorno :P

Compartilhando via Google Reader

July 2nd, 2008 caparica No comments

O Google também nos permite colocar as coisas que compartilhamos pelo Google Reader lá em um clip que pode ser disponibilizado em nossos sites. Bastante interessante… …


Script.aculo.us

September 6th, 2007 caparica No comments

O Leonardo Farias Coelho pegou alguns exemplos/demos da biblioteca de efeitos Script.aculo.us e juntou tudo num mini-site. Alguns dos exemplos, eu achei interessantes:

Tá tudo aqui.

Conhecia do Script.acuo.us já há quase dois anos, quando o Zuardi deu a dica.

Categories: AJAX, Design, Tomando Nota Tags:

Sites pra ver.

July 24th, 2007 caparica No comments

Em Flash:

Em HTML:

E o limão é seu!

March 5th, 2007 caparica No comments
pepsi1

O Hotsite da promoção “Toma que o Limão é seu“, criada pela AlmapBBDO para a PEPSI é um show de horrores em termos de Web Design. Pra não me estender demais, listo apenas 3 das falhas percebidas:

  1. Logo de cara, o código HTML simplesmente não valida.
  2. Pros usuários identificarem links no layout , vão ter um bom trabalho.
  3. Na codificação, ainda existem algumas outras aberrações, como o uso de tabelas para diagramar os elementos.

Eu encontrei isto por acaso, enquanto navegava hoje.

Independente da qualidade técnica do Hotsite, eu achei bem interessante a promoção… Não que eu fosse trocar a minha Coca-Cola pela Pepsi (Eca!). Mas achei o limãozinho de pelúcia uma coisinha interessante de se ter em casa. Nem que fosse apenas pra mostrar ao vivo para os meus amigos o quanto a coisa se parece com uma Protese de Buceta de ET.

Categories: Bizarrice, CSS, Dinheiro, HTML, Publicidade Tags:

Replacement em input

February 22nd, 2007 caparica No comments

Que tal um rápido tutorial sobre

Image Replacement em elementos input?

Categories: CSS, Design, HTML, WebStandards Tags: