Google homenageia Olímpiadas no Rio 2016
3 de outubro de 2009
A página inicial do google .com.br deste sábado, 03 de outubro de 2009, estampou um Google estilizado com as paisagens da cidade do Rio de Janeiro.
Valeu Googlers.
3 Passos e tudo mais para fazer um belo favicon
12 de agosto de 2009
Já faz um tempo que favicon não é novidade para muita gente, mas eu sempre me perco na hora de criar essa peça importante do website. O Favicon é o ícone que fica no lado esquerdo da barra de endereço da página e sua importância é relevante porque:
- Contribuí para reconhecimento da sua marca
- Identificação rápida na lista de sites favoritos (Bookmarks)
- O ícone aparece na barra de ferramentas nos atalhos e também na barra de pesquisa
- Se seu site contiver RSS Feeds a sua marca vai aparecer junto a suas postagens
Entretanto, o problema é encaixar a logomarca do website dentro de 16 x 16 pixels. É muito fácil tornar uma bela logomarca em algo horrível. A nossa marca para www.controledereservas.com.br é um caso destes. O R é inclinado e não facilita na hora de gerar automaticamente os 256 pixels. Foi preciso tomar alguns cuidados e ainda alguns ajustes manuais.
Após bater muito a cabeça, encontrei o caminho. Siga os passos:
- Abra o arquivo no formato original do seu logo (exemplo logo.jpg ou png ou gif) no Adobe Photoshop ou o seu aplicativo para design de imagens. (O Adobe Photoshop não salva naturalmente em ico e também não reconhece o formato. Mas você pode baixar uma extensão para ele.)
- Diminua a imagem para ficar próximo de 128 x 128 pixels.
- Abra o arquivo no IcoFX e então transforme em 16×16 para salvar seu favicon.ico
Para o favicon aparecer na sua página é ainda mais simples:
- Coloque o arquivo na raíz do diretorío das suas páginas web (alguns navegadores só precisam disso para carregar o favicon)
- Próxima parte é acrescentar a meta tag entre
<head>informando o endereço do favicon.ico.
<link rel="shortcut icon" type="image/ico" href="/favicon.ico" />Também existem alguns sites que oferecem uma galeria de favicon para você baixar e usar gratuítamente:
Você ainda pode tentar os geradores de icons na internet. Eu tentei utilizar alguns mas nenhum ficou bom o suficiente. Os que eu tentei foram estes:
- favicon.cc
- Favicon Generator (tabajara??)
E para buscar inspiração e aguçar a criatividade visite este site com 50 favicons mais marcantes.
Melhores Firefox add-ons para web-design
28 de maio de 2009
Desenvolver páginas na web é uma tarefa que pode ser muito difícil. Graças a alguns devotados programadores e a comunidade que os aperfeiçoa, aqui vão os complementos do Firefox que eu uso todos os dias:
1. Web Developer Toolbar
Complemento utilizado 100% das vezes que estou desenvolvendo aplicações. A funcionalidade mais interessante é editar o código CSS e ver o resultado automaticamente.
2. Firebug
Complemento que facilita a depuração (debug) de erros no HTML, JavaScript, analisar perfomance. A funcionalidade mais interessante é a capacidade de ver as chamadas Ajax no servidor através do console.
3. ColorZilla
Este complemento consegue capturar a cor de qualquer parte do página e do navegador. Muito útil quando se quer descobrir o código hexadecimal de uma cor.
4. YSlow
Este complemento é muito interessante para encontrar problemas de performance. Ele funciona integrado com o add-on Firebug e permite , entre outras coisas, analisar gargalos dentro do projeto da página que impede o carregamento rápido.
Microsoft Internet Explorer
Um plugin indispensável para o Microsoft Internet Explorer é o Internet Developer Toolbar. Ele é muito parecido com o Web Developer Toolbar do Firefox. Serve principalmente para corrigir erros de Crossbrowser. Essas diferenças irritantes entre o visual da página entre o IE e o Firefox. Você pode editar o CSS da página, as propriedades dos elementos do DOM (Document Object Model).
