Luiz Paulo

Bloqueando a extensão do Skype para firefox no seu site

Provavelmente todos os developers já viram a extensão auto instalável do Skype que detecta números de telefone e modifica para um formato próprio "facilitando" ligações.

Pois bem, essa extensão é um verdadeiro pé no saco, pois acaba danificando o layout do site e as vezes cortar o número do telefone no layout.

Um cliente meu perguntou se havia alguma solução para resolver esse problema... Procurei e achei, rsrs.

Para os indignados com tal problema, segue aí a solução:

<meta name="skype_toolbar" content="skype_toolbar_parser_compatible" />

Essa metatag faz com que o plugin "ignore" o seu site, impedindo que ele modifique sua página.

Simples assim.

Categorias: Browser, Desenvolvimento web, HTML
Tags: , Browser, firefox, pegadinha, skype

Yahoo! Apresentação sobre eventos Javascript

Acabei de baixar uma ótima apresentação realizada pelo Yahoo sobre eventos javascript, fonte: quirksMode.
A apresentação contém 95 páginas falando apenas sobre eventos javascript.

Resumo da apresentação: Em todos os browsers temos más implementações quando falamos de eventos javascript. "Mó obaoba" rsrs

Se você é fanático em javascript como eu, não deixe de ler.

Categorias: Browser, Desenvolvimento web, JavaScript, Linguagens
Tags: , Browser, javascript

Twitter, Um fenômeno da comunicação

O que é o twitter?
Definição pela wikipedia: Twitter é uma rede social e servidor para microblogging que permite que os usuários enviem atualizações pessoais contendo apenas texto em menos de 140 caracteres via SMS, mensageiro instantâneo, e-mail, site oficial ou programa especializado.

O twitter é sem dúvida um dos maiores sucessos dos últimos tempos, quando falamos em comunicação web. Não só pelo interessante sistema de microblogging, mas pela facilidade de interação com sua API - (ver definição de API). Existem vários softwares prontos (instaláveis ou online), tanto para inserção quanto para leitura do conteúdo.

No twitter, acompanhamos pessoas/empresas relevantes para nós e recebemos em tempo real novidades, notícias, pensamentos, links, curiosidades (enfim, uma infinidade de informações).

Há algum tempo, incentivo amigos a usá-lo ou pelo menos testá-lo. E o resultado é sempre o mesmo. O cara começa sem entender bem como funciona, segue seus primeiros usuários, instala um complemento (ver terceiro passo abaixo) e em menos de 1 semana já se sente a vontade para postar o que está fazendo ou lendo naquele momento. O processo é totalmente natural, todos os que acompanham, também escrevem.

Particularmente, utilizo para saber notícias tecnológicas (principalmente sobre web, área que trabalho), para acompanhar amigos e para compartilhar informações interessantes que vejo durante o dia.

Legal, fiquei curioso e também quero testar...

Primeiro passo - cadastro
Para se cadastrar, basta entrar no site do twitter. O cadastro é muito simples!
Depois de cadastrado, você já está habilitado a escrever o que quiser.

Segundo passo - procure seus amigos
O twitter oferece a possibilidade de interagir com seus contatos do e-mail, assim fica mais fácil achar seus amigos já cadastrados.
Existe também um sistema de busca, onde pode procurar pessoas pelo nome.
Você pode levar algum tempo até achar todas pessoas relevantes para você, mas não se preocupe com isso, você achará pessoas com o passar do tempo.

O meu twiiter é lppjunior. Me add lá, heheh

Os seus seguidores também aparecerão com um tempo, de acordo com a relevância do seu conteúdo.

Terceiro passo - programas e plugins
Como comentei acima, existem várias formas de interagir com o conteúdo do twitter (como programas, plugins e sites).
Utilizo o TwitterFox, que é um plugin para o browser FireFox.

Para quem utiliza outros browsers (Internet Explorer, etc), aconselho mudar para FireFox, pois é um ótimo browser, caso não queira mudar, instale algum software que faça acompanhamento do twitter.

Caso não queira instalar nada, acompanhe pelo próprio site do twitter.

Aqui você encontra 10 serviços para integração com o twitter.

Agora é só usar!

Categorias: Artigo, CheatSheet, Ferramentas, Serviços, Tecnologia, Tendências
Tags: , Browser, comunicação, comunidade, microblog, serviço, twitter

Campanha 2009 – Morte ao IE6. Será que vinga!?

Há algum tempo desenvolvedores, designers e afins criam e divulgam massivas campanhas e artigos sobre o fim do IE6. Todas com razão, pois o IE6 é um pé no saco de todos nós. Sempre dá um erro!
Estou cansado de ouvir a frase "mas no Firefox funciona".

Vou compartilhar aqui minha opinião sobre o assunto e quero a ajuda de vocês para discutirmos isso, ok!?

Acompanho há muito tempo muitas campanhas nacionais e internacionais que favorecem a “morte” do IE6. Num contexto geral, acho super válido! Sempre é bom nos preocuparmos com a evolução das coisas, nos preocuparmos em não mais nos preocuparmos (se é que me entende, rsrsrs).

Semana passada recebi um ótimo exemplo. O IMasters criou uma puta campanha (...parabéns pela iniciativa!) para atualização de navegador. Ficou é maneiríssimo, mas...
Agora eu pergunto:
Será que isso fará efeito? Será que teremos retorno com essas campanhas?

1º - Sobre o público alvo

Campanhas / artigos / etc, são as melhores formas de divulgarmos uma idéia, o complicado é que nem sempre vamos atingir o público alvo correto. As pessoas que realmente usam o IE6 (normalmente os leigos) nem sabem o que é IMasters, nem FireFox, muito menos que o Internet Explorer está na versão 6 (peguei um pouco pesado, mas de uma forma geral é isso). Esses usuários não vão acessar o blog do fulano que fala sobre tecnologia, muito menos parar para ler sobre “o browser desatualizado”. Eles acessam o site do BBB, ORKUT, pegam uma receita, ou qualquer coisa do tipo.

2º - Sobre a instalação do IE6

IE6 não é uma questão de opção, e sim de obrigação. Imposta pela instalação do Windows XP automaticamente. Se ainda temos novas máquinas com instalações de XP ou menor, automaticamente temos instalações de IE6 ou menor. Isso é inevitável.

3º - Sobre o poder aquisitivo

Nem todo mundo tem condições de comprar um computador TOP (Fato!), isso acarreta na instalação de softwares antigos.
Além da percepção precisamos levar em conta também a questão de evolução tecnológica. E isso não depende só de nós.

Enfim, como falei, acho a campanha super válida (vou instalar no meu blog daqui a pouco, rsrsrs), mas o foco de nossos blogs, sites, é outro. Quem lerá esse artigo será o tecnólogo e não o leigo. Claro, acabará chegando a algumas pessoas leigas. Mas poucos lerão, alguns entenderão e outros realmente farão a atualização (se fizerem).

Acho que a melhor forma de realmente acabar com isso, é ser “bruto”. Está com IE6? Então não verá o meu conteúdo! Simples assim. Mas é aquela coisa, ninguém quer “perder cliente” então será difícil implantar esse método.

Tomara que a campanha realmente faça a diferença. Estou torcendo por isso.

Aguardo a opinião de todos!

Alguns links sobre o assunto

• IMasters: Atualize seu navegador
• 2009: O ano em que o IE6 faleceu

Categorias: Artigo, Browser, Desenvolvimento web, Tendências
Tags: , Browser, campanha, ie

Favicon – Ícones personalizados nos browsers

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