Gus SOS Brasil

Minhas dicas tecnológicas em Português claro!

 

 

Posts Tagged ‘ webdesign ’

Favicon é o nome dado ao ícone que fica ao lado do endereço http de um website. Estas pequenas figuras com extensão do tipo “.ico” fazem obrigatoriamente parte do design, mas não é tão fácil encontrar um programa grátis para cria-las.

favicon.ico Generator-1

O site favicon.cc permite criar os chamados favicon de forma rápida e eficiente, você ainda pode salvar para usar depois quando quiser. Caso esteja sem inspiração, pode navegar pelas milhares de figuras criadas por outras pessoas e até usar uma cópia no seu projeto.

A obsceção do Google por ser minimalista no design de suas páginas não é um capricho bobo do Sergey Brin. Tudo sempre foi pensado de modo que a arquitetura de seus produtos tivessem alta performance e além disso a carga das páginas fossem carregadas mais rápido possível.

E isso pode ser verificado em nosso dia-a-dia pois todas as páginas criadas pelo Google abrem em alguns segundos. As vezes é mais rápido ir ao Google e pesquisar algo do que digitar o endereço que estamos querendo visitar.


old google logo 2001

(logo do google em 2001)

O Google disponibilizou o Google Sites para qualquer pessoa que queira criar seu site no endereço http://sites.google.com/seu-nome. Antes essa ferramenta só estava funcionando para quem usasse o Google Apps para seu domínio e empresas. Isto é antes você precisava ter um domínio seunome.com para poder usar.

A ferramenta de criação de sites é bem completa (acesse aqui) e boa para quem não sabe nada de programação pois em poucos minutos é possível deixar sua página com uma cara profissional online. Você pode ainda usar o recurso de Gadgets para incluir vídeos, apresentações, calendários, fotos e documentos em qualquer página.

gus sos brasil imagem screenshotVocê já viu alguma vez a imagem total de toda extensão do seu blog ou site? O problema com blogs é maior porque a página inicial é geralmente extensa, composta por vários artigos, como a minha aqui, e seria possível gerar uma imagem completa somente somando várias parciais.

O site SuperScreenShot foi criado com o intuito de gerar esta imagem pra você. Basta colocar o endereço da página que você quer visualizar e ele gera a imagem em vários tamanhos.

Precisei criar uns botões pra um site recentemente e tive que voltar a usar o Photoshop. Não é nada fácil criar um botão destes com reflexo sem dar uma consultada na internet. Revi algumas técnicas e enfim consegui algo parecido. Não dou designer mas quebro meus galhos.

1 – Vamos começar criando uma nova imagem com o tamanho 200×30 mas você pode fazer do tamanho que quiser. Talvez uma imagem maior seja melhor para aprender:

20080413 - botao web2.0 1.jpg

Os novos sites que são chamados de Web2.0 trazem um design muito semelhante em relação as cores, vejam só alguns exemplos de algums sites como Facebook, Flickr, LastFM e BlogBlogs. Como escolher estas cores e trabalhar para que outras se encaixem com a cor base é talvez o trabalho de um bom designer, mas se você tem algum tempo e pouco dinheiro pra gastar com isso, pode se aventurar em escolher suas cores com as ferramentas grátis que a internet disponibiliza.

O CrazyEgg é um serviço de estatisticas para seu blog. Dos muitos que existem por ai como Google Analytics, Sitemeter, etc, o CrazyEgg foca em informar detalhadamente sobre os cliques que os visitantes dão na sua página. Por que isto é importante?

crazyegg logo

Ora, quem tem um blog e quer faturar uma grana com o adsense e outros programas de afiliados, enche a página de anúncios por todos os cantos. Acontece que a maneira que um visitante enxerga seu site é muito peculiar, certas áreas são mais visadas e outras passam desapercebidas. Como todo mundo tem mania de sair clicando, é muito importante saber onde clica-se mais no design da sua página.

Bad Behavior has blocked 1430 access attempts in the last 7 days.