by Luiz Paulo
| dezembro 21, 2008
| No Comments »
O gravatar é um serviço web gratuito para disponibilizar avatar. Esse serviço é muito utilizado em blogs, onde o usuário deixa seu comentário e o avatar aparece automaticamente para facilitar a identificação.
Gravatar é a abreviação de "globally recognized avatar" que significa "reconhecimento global de avatar".
Como exibir minha foto nos comentários?
Para os usuários que querem comentar e deixar "sua marca", a utilização é bem simples. Basta fazer o cadastro no site do gravatar e adicionar uma imagem. O avatar fica relacionado ao seu e-mail, então sempre quando for comentar algum blog, basta colocar o e-mail (que foi cadastrado no gravatar) no comentário que seu avatar será exibido.
É importante informar que nem todos os blogs oferecem esse serviço.
Como disponibilizar gravatar em meu blog?
Existem algumas formas para incluir o gravatar em seu blog, uma delas é criar o seu próprio código no blog e a outra forma é utilizar um plugin.
Exemplo em PHP
O site do gravatar busca sua foto a partir de um MD5 gerado a partir do e-mail cadastrado. Com isso, fica muito simples a utilização. Abaixo você verá um simples exemplo de código gerado em PHP.
<?php
//O E-mail pode ser qualquer um cadastrado no site do gravatar
$mailMD5 = echo md5("lppjunior@gmail.com");
?><img src="http://www.gravatar.com/avatar.php?gravatar_id=<?php echo $mailMD5; ?>&size=50&default=http://blog.lppjunior.com/wp-content/themes/lppjunior/images/default.jpg" />
Nesse exemplo utilizei 3 atributos. Segue a descrição de cada um:
- gravatar_id: Esse atributo é o MD5 do e-mail (a conversão é mostrada no primeiro código PHP acima)
- size: A imagem pode ser baixada em vários tamanhos, nesse caso utilizei o tamanho 50px
- default: Caso o e-mail(MD5) enviado não esteja cadastrado no gravatar, ele retorna uma imagem default. Nesse caso, você pode informar qual será uma imagem personalizada.
Bom, acho que é só... Se esqueci de alguma coisa, por favor me avisem!
Categorias: Artigo, Browser, Desenvolvimento web, Serviços
Tags: , avatar, comment, gravatar, imagem, serviço
by Luiz Paulo
| dezembro 20, 2008
| No Comments »
Favicons são pequenas imagens no formato .ico normalmente possuem o tamanho de 16x16. Essas imagens são utilizadas para facilitar a identificação de um site em abas ou favoritos. Muitos favicons são versões minimizadas de logotipos que fazem referência a marca / imagem da empresa.
Como comentei acima, os mais normal é salvar as imagens em formato .ico , mas alguns browsers também reconhecem o formato .gif.
Inserindo favicon no formato ICO
<html>
<head>
<title>Inserindo favicon no formato ICO</title>
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
</head>
<body>
...
</body>
</html>
Inserindo favicon no formato GIF.
* Esse formato não funciona no Internet Explorer.
<html>
<head>
<title>Inserindo favicon no formato GIF</title>
<link rel="shortcut icon" type="image/gif" href="favicon.gif" />
</head>
<body>
...
</body>
</html>
Acesse também: 21 melhores geradores de favicon da Internet, você encontrará vários geradores de icones web.
Categorias: Browser, CheatSheet, Desenvolvimento web, HTML
Tags: , Browser, example, favicon, gif, html, icon, tutorial
by Luiz Paulo
| setembro 30, 2008
| 3 Comments »
Não pude deixar de comentar esse fato.
O Google caiu por alguns minutos! 
Agora já voltou, mas deu tempo de tirar o print!
Enfim, está registrado...
Como diria o Raul Seixas, "O dia em que o Google parou!" rsrsrs
[]'s
Categorias: Artigo, Browser
Tags: , baleiando, Browser, google, noticia
by Luiz Paulo
| julho 27, 2008
| 1 Comment »
Todo desenvolvedor com algum tempo na área já usou ou ouviu falar no Firebug que é indiscutivelmente a melhor ferramenta de desenvolvimento disponível no momento. Só tem um problema, o FireBug só funciona como uma extensão do FireFox. Quando acontece algum erro de JavaScript no IE ou em qualquer outro browser, temos que nos virar de outra forma. Até existem outras ferramentas disponíveis, como consoles, plugins para IE, entre outras. Até o Firebug tem versão light em javascript. Mas todas com pouquíssimos recursos.
A falta de uma boa ferramenta que possibilite o debug de código que dê suporte a qualquer plataforma me incentivou a desenvolver o jBugger.
Introdução
O jBugger é uma ferramenta que possibilita o debug de códigos web em qualquer plataforma. Foi homologado nos principais browsers atualmente disponíveis no mercado (Firefox, Internet Explorer, Safari e Opera). Desenvolvido em Javascript e utilização do framework jQuery como base.
A ferramenta
Nessa primeira versão o jBugger será liberado com as seguintes ferramentas:
- Console para debug execução de comandos
- Console para visualização do HTML da página
- Comandos chave como cls, clear, html
- Personalização de tema
- Internacionalização
O jBugger foi desenvolvido a princípio apenas como um console, mas percebi que poderia ser muito mais do que isso, hoje, na versão 0.1 (primeira disponível para download) é uma ferramenta totalmente extensível, possibilitando a colaboração de qualquer desenvolvedor para desenvolvimento de plugins e evolução da ferramenta.
Ainda não tive tempo, mas em breve o jBugger terá sua própria página. Onde disponibilizarei documentação com seus recursos e possibilidades.
Testar o jBugger
Baixar agora
Categorias: Browser, Desenvolvimento web, Ferramentas, JavaScript
Tags: , Browser, console, debug, debugger, dom, firebug, firefox, internet explorer, javascript, opera, safari
by Luiz Paulo
| julho 19, 2008
| 1 Comment »
Foi divulgado no miniblog do John Resing que o Firebug será administrado pela equipe Mozilla.
A equipe alocada para esse novo projeto da Mozilla só tem fera! Os principais responsáveis pelo projeto serão:
- John Resig: Faz parte do Grupo Mozilla e é criador do framework para javascript jQuery (vale a pena criar um post sobre esse framework, fica a dívida!).
- Rob Campbell: É Engenheiro de Software na Mozilla, trabalha até então com automatização de testes unitários.
- Jan Odvarko: Já faz parte da equipe Firebug, e é co-fundador e chefe de Arquitetura de Software na empresa AllPeers.
- Membros da equipe Firebug
Veja o overview com os primeiros passos (Wiki Mozilla): Summit2008/Sessions/Proposals/Firebug & Chrome.
Fiquei muito feliz de receber essa notícia! O Firebug é a melhor extensão para debugger disponível no momento. Já estava em constantes melhorias e inovações, tenho certeza que a partir dessa mudança a qualidade do produto será cada vez maior. Agora, vamos acompanhar e esperar por novidades.
Será quem a próxima versão do Firebug já virá assinada pela equipe Mozilla?
Categorias: Artigo, Browser, Desenvolvimento web, Ferramentas
Tags: , Desenvolvimento web, extensão, firebug, firefox, mozilla, tools
Próximos posts » 
