Agora este blog tem syntax highlight para os trechos de código que eu escrevo, por exemplo:
function Pessoa(nome,idade,email){
// Para criar as propriedades da classe usamos a palavra-chave this
this.nome=nome
this.idade=idade
this.email=email
// Não existe, em javascript, o conceito de método. Um método é uma
// propriedade como outra qualquer, cujo valor é uma função e,
// portanto, é executável.
this.digaOi=function(){
alert("Oi, eu sou "+this.nome+"!")
}
}
Levei dez minutos para fazer isso. Baixei e instalei a Google Code Prettify e escrevi um plugin do WordPress para adicionar a classe prettyprint a todas as minhas tags <code> e estava feito.
Instruções detalhadas:
Primeiro baixe esses dois arquivos e coloque-os em seu site. Pode ser no diretório raiz. Em seguida inclua no head de suas páginas:
<link href="prettify.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="prettify.js"></script>
Você pode alterar o prettify.css para que fique com as cores que você desejar.
O passo seguinte é colocar onload="prettyPrint()" na tag body.
Agora é só substituir suas tags <pre> e <code> por <pre class="prettyprint"> e <code class="prettyprint">. Pronto, está funcionando.
WordPress
No WordPress você pode alterar o head de sua página e incluir o onload no body no editor de templates, editando o arquivo Header. Para incluir a classe em todas as suas tags code pode copiar o plugin abaixo:
<?php
/*
Plugin Name: Prettify
Version: 1.0
Plugin URI: http://blog.elcio.com.br/google-code-prettify/
Description: Prepares your code snippets to <a href="http://code.google.com/p/google-code-prettify/">Google Code Prettify</a>, adding class="prettyprint" to them.
Author: Elcio Ferreira
Author URI: http://blog.elcio.com.br
*/
function prettify($text) {
return str_replace('<code>','<code class="prettyprint">',$text);
}
add_filter('the_content', 'prettify');
add_filter('the_excerpt', 'prettify');
add_filter('comment_text', 'prettify');
?>
Você pode baixar esse plugin aqui.
O Bruno começou: Bradesco: O pior internet banking que eu já vi.
É mesmo, de longe, o pior que eu conheço. Sou cliente Bradesco e Itaú há um bocado de tempo. Mantenho minha conta no Bradesco por uma série de motivos. Primeiro, porque eles me ofereceram crédito pessoal, cartão de crédito, cheque especial e uma porção de outras facilidades, sem que eu precisasse ir até o banco pedir. Sei que eles não fazem isso por bondade, que é interesse do banco que eu me endivide e pague juros a eles. Mas no Itaú, tendo praticamente o mesmo tempo de conta e tendo durante alguns anos movimentado mais dinheiro lá do que no Bradesco, não tenho nem talão de cheques. Eu sei que se for à agência pedir é capaz de conseguir essas facilidades, mas, caramba, tenho que ir à agência?
Há outros motivos para manter minha conta no Bradesco. Embora seja considerado um “banco das massas” e muita gente reclame das filas, tenho tido muita sorte com o atendimento deles na agência. A rede de caixas eletrônicos também é exemplar. Onde eu vou tem um caixa Bradesco Dia e Noite. E, se não tiver, eles ainda têm convênio com a rede 24 horas, embora aí eu pague para sacar. Isso é bem melhor que o sistema do Itaú, onde eu só posso sacar em caixas eletrônicos do próprio Itaú, tenho um limite (pequeno) de saques por mês e, se sacar além do limite, pago uma tarifa por cada saque extra. Além disso, se faço um saque em qualquer caixa eletrônico fora da agência, num supermercado, posto de gasolina ou rodoviária, por exemplo, também pago por aquele saque. Além disso, as tarifas no Itaú são um assalto!
Me sinto entre a cruz e a espada com os dois bancos.
Um ponto para o Bradesco: Uma vez perdi meu cartão do Itaú. Tive que ir até a agência para assinar uma solicitação de um novo. O gerente me deu um prazo, mas a única maneira de saber se o cartão já havia chegado era telefonar para o gerente ou ir até a agência. Acontece que ninguém consegue telefonar para o gerente. Quando o cartão finalmente chegou, o gerente me entregou o cartão e me disse que eu tinha que cadastrar uma senha para liberar o cartão para uso. E para isso, tinha que pegar a fila do caixa. Era o quinto dia útil do mês, a fila era uma daquelas que quase não cabe na agência. No Bradesco, quando meu cartão quebrou, fiz o pedido de um novo por telefone e o recebi em casa.
Um ponto para o Itaú: há pouco tempo eu me mudei e resolvi transferir as contas para uma agência perto de casa. No Itaú a moça digitou meia dúzia de coisas no computador, me deu um único documento para assinar e colou um adesivo em meu cartão com o número da nova conta. Pronto, a conta estava transferida e eu já podia movimentá-la. No Bradesco me pediram uma carta, de próprio punho, solicitando a mudança, me deram um documento de encerramento da conta antiga para assinar, mais toda a papelada de abertura de uma conta nova. Maços e maços de papéis para assinar. Aliás, o Bradesco parece que adora gastar papel. Está bem que eles trabalham com papel reciclado, mas acho que eles fariam mais bem à Natureza se simplesmente poupassem a metade do papel que gastam.
No fim, não sei que banco escolher. Não se também se abro uma conta em um outro e encerro as duas que tenho.
Agora, falando em políticas de segurança, o Bradesco realmente é o campeão da chateação. Uma vez minha esposa telefonou para o Fone Fácil, que devia se chamar Fone Difícil. Ela não estava acostumada às confirmações de cadastro. Aqui em casa, quando a gente precisa telefonar para a companhia telefônica, o banco ou qualquer outro fornecedor de serviços, geralmente sou eu que faço. Você nunca foi pego de surpresa quando perguntam sua idade? Principalmente perto do seu aniversário? Foi o suficiente para bloquearem a conta dela e ela ter que ir até a agência para resolver o problema.
Esse tal “Cartão Chave de Segurança Bradesco” é a coisa mais famigerada que já inventaram. O Itaú tem um igualzinho, mas o Bradesco me pede o cartão para acessar também o Fone Fácil, que devia se chamar Fone Difícil, e para fazer saques no caixa eletrônico.
Preste atenção nos passos para saber meu saldo no Internet Banking:
- Acesso o site do Bradesco.
- Digito agência e conta e Enter.
- Espero, dependendo da conexão muito, até carregar um applet Java.
- Digito minha senha eletrônica (não é a mesma do cartão para saque) usando o teclado virtual.
- Digito minha frase secreta (pelo menos 22 letras) e Enter
- Aparece uma tela me pedindo um dos números do meu cartão chave. Tiro o cartãozinho odioso da carteira, encontro e digito o número pedido e Enter.
- Pronto, aparece meu saldo. Viu como é fácil?
Um cliente Bradesco tem:
- Uma senha do cartão de débito
- Duas letras secretas para usar o caixa eletrônico
- Uma senha eletrônica para Internet e Fone Fácil
- Um cartão de segurança com 70 números
E de vez em quando ainda te pedem para confirmar dados pessoais em algumas operações.
Por fim: estava tentando testar um serviço novo, o NovoFax, mas não consegui porque o sistema da Visa me manda para o Bradesco quando tento fazer uma compra, e, embora o site e o Internet Banking funcionem no Firefox, os sistemas de pagamento eletrônico não. Estou pensando aqui se assino via boleto ou simplesmente desisto.
Assombroso. O nome deve de alguma maneira ser inspirado nos pipes do Unix. Sabe aquele papo que quem usa Linux vive dizendo, que o grande poder do Linux só é percebido quando você entende como usar o terminal e os pipes? Sabe aquele outro papo, do pessoal da semântica e do XML, de que essa coisas toda torna as aplicações mais fáceis de se integrar?
Pois é, o Yahoo! Pipes dá um gostinho das duas coisas. De um jeito que qualquer um com um pouquinho de raciocínio lógico consegue experimentar, sem precisar saber programar.
Bastante interessante. Meio utópico, romântico demais para o meu gosto, mas interessante:
Vi na radinho.
Inspire Yourself: 50 Remarkable Favicons | Smashing Magazine
Da uma olhada na seção “squares”, você vai ver o favicon do iMasters. Parabéns ao pessoal do iMasters!
Você pode ajudar um projeto Open Source sem saber programar e sem gastar horas com isso. Basta escrever um bug report minimamente detalhado.
Por exemplo, o Automatix travou aqui no meu Linux durante uma instalação. Se eu usasse um sistema de código fechado, dificilmente poderia entender o que estava acontecendo. Mas na arquitetura aberta e flexível de sistemas Unix, eu pude ajudar mesmo sem escrever uma linha de código. Escrevi um bug report.
Mesmo com meu inglês miojônico, o sujeito entendeu o que eu disse e já consertou o problema. A versão corrigida já está inclusive em minha própria máquina, atualizada sozinha pelo Ubuntu.
Compare isso com as alternativas que você tem ao encontrar um defeito num produto de código fechado, rodando num sistema fechado e complicador como o Windows. O Linux também tem bugs, claro. A diferença é que com Linux você não está impotente. Você pode ajudar.
O caso é muito comum: você cria um site com um gerenciador de conteúdos qualquer. Por exemplo, um blog WordPress. Você valida o código e o site passa perfeitamente pelo validador. Mas, depois de algum tempo, alguém, você, seu cliente, seu colega, seu cachorro ou seu papagaio fazem um post no blog, ou alteram um conteúdo no CMS e isso quebra a validação. E você só vai descrobir sabe-se lá quanto tempo depois.
Como resolver este problema? Validar todos os seus sites, todos os dias?
O StayValid valida seu site para você, todos os dias, de hora em hora. Insira o endereço de seu site e o StayValid vai criar um feed RSS onde você pode acompanhar os resultados da validação. Se tudo correr bem, você vai receber apenas uma notícia por dia, do StayValid dizendo que validou seu site. Se ele encontrar um ou mais erros, ou se o resultado da validação mudar (por exemplo, você tinha três erros e agora só tem dois) o StayValid vai validar de hora em hora e te avisar via RSS.
Em tempo: o StayValid nasceu de uma necessidade nossa, e se tornou possível porque o código de resultados do validador do W3C é XHTML válido. Bastou então escrever um arquivo XSLT que transformasse os resultados num RSS.
Enquanto o Ronaldo está procurando uma alternativa para o Bloglines, o Henrique se assusta com sua popularidade.
Eu, por enquanto, continuo no Bloglines. Passei algum tempo usando Newshutch. As alternativas que eu tinha visto até então eram complicadas e lentas, e eu preferia um Bloglines sem Ajax a um Google Reader cheio de Ajax que só atrapalhava. Até que encontrei o Newshutch, que tem Ajax na medida certa e não confunde os feeds lidos com não lidos como o Bloglines tem feito. Passei um bocado de tempo usando o Newshutch, quase satisfeito, mas voltei para o Bloglines por um único motivo: é o único que funciona em meu Nokia 6111.
Leio e respondo meus e-mails nele, acesso o Internet Banking (só Bradesco, o Itaú por enquanto não funciona), publico coisas neste blog, no da Visie e no Tableless e modero comentários, acesso o Google Maps e, usando o excelente MobyExplorer, até publico fotos e conserto pequenos bugs de programação em situações de emergência. Todas as aplicações da Visie funcionam nele. Não vou abrir mão de algo tão simples quanto ler meus feeds.
Se você souber de algum agregador legal com suporte ao Opera Mini, por favor me avise para eu testar. Enquanto isso, continuo no Bloglines.
Acabo de conhecer, através do BrPoint, a Performancing, empresa que produz ferramentas para blogs e que acaba de ser comprada pela Pay Per Post. Instalei a extensão Performancing para o Firefox, e estou muito bem impressionado. Estou escrevendo este post nela. Se ele for para o ar, e você chegar a lê-lo, é sinal de que a extensão realmente funciona.
Segue um screenshot:
Um bocado de gente começou recentemente a usar o Cite Bite para linkar para citações de outros sites. A citação pode ficar, por exemplo, assim:
PS: Se você tem talento e disposição para criar uma “mensagem-modelo”, com campinhos para preencher e enviar, principalmente para os tribunais, por favor faça isso. Você vai estar ajudando muito com um pouquinho de seu tempo.
Clique no link com meu nome e você vai entender o que é o Cite Bite. O recurso parece interessante à primeira vista. O problema é que isso quebra um dos mecanismos básicos da interação entre os blogs: o link.
Quando você linka para um outro blog você está favorecendo o blog linkado:
- Está enviando usuários para lá. Esse é, claro, o ponto mais óbvio.
- Está enviando um pingback. Isto é, se o seu sistema de blogging for esperto o suficiente para isso. Se você não sabe o que é pingback (e trackback) entenda isso melhor aqui.
- Está dando pontos ao site no Google Ranking. E o Google funciona por causa dessas milhares de pequenas contribuições voluntárias, os links. Cada link é um voto.
Nada disso aí acontece quando você linka para o Cite Bite. Vai haver um link a menos para o blogueiro que escreveu algo tão bom que merece sua citação.
Para complementar, o Cite Bite pode causar problemas para o seu usuário. Aquela barra vai causar problemas se o site linkado coloca coisas no topo usando, no CSS, position:absolute; e os javascripts e mesmo o layout do site podem não funcionar corretamente.
Linke direto para o blogueiro, a fonte original.
Microsoft Breaks HTML Email Rendering in Outlook 2007:
The limitations imposed by Word 2007 are described in detail in the article, but here are a few highlights:
- no support for background images (HTML or CSS)
- no support for forms
- no support for Flash
, or other plugins
- no support for CSS floats
- no support for replacing bullets with images in unordered lists
- no support for CSS positioning
- no support for animated GIFs
In short, unless your HTML emails are very, very simple, you’re going to run into problems with Outlook 2007, and in most cases the only solution to those problems will be to reduce the complexity of your HTML email design to accommodate Outlook’s limited feature set.
Mais um motivo para você preferir e-mails TXT.
- Quero brincar disso também! Como faço?
- Se você se impressionou com o SVG, dê uma olhada no que andam fazendo com a <canvas />.
- iPhone e o LG KE850, e agora Steve?
- Testei esse tal de exaile. Muito bom mesmo! Estou para tirar um tempo e dar uma olhada no fonte. Como é Python, vamos ver se me animo a fazer alguma coisa legal com ele.
- Pronto. Era só o que faltava. Se bloquearem o Orkut a coisa vai ficar perigosa. É capaz de haver uma guerra civil
Atenção, leitores de feed, estou há uma semana de layout novo! Eu que fiz.
Olha isso!
Com Internet Explorer, você provavelmente não vai conseguir ver nada. Tente o Opera ou o Firefox.
E por falar em SVG, eu não poderia deixar de linkar para isso aqui: The Road to KDE 4: SVG Rendering in Applications
Se o KDE 4 for metade do que andam dizendo, vai me fazer voltar a usar KDE.
Este blog agora tem hCard, geo e tags. Entre aqui com a Operator e você vai ver.
O endereço e as coordenadas geográficas apontam para a Visie, cujo site em breve vai estar recheado de microformats também.
Se você não entendeu nada, leia mais aqui.
Para mim é difícil dizer quem foi a grande estrela do Intercon 2007: o Luli ou o Twitter. Durante as palestras víamos boa parte do público de cabeça baixa, olhando para seus celulares, exercitando freneticamente seus polegares.
Saindo do Intercon e voltando ao mundo real descobri um fato estarrecedor: a maioria das pessoas não sabe o que é o Twitter. Mesmo num evento de desenvolvedores de que participei no domingo, ninguém sabia o que era! Então vamos começar com o básico:
Qualquer um pode entrar lá e criar uma conta. Em seguida o twitter pergunta “o que você está fazendo agora?” E você pode entrar lá, quantas vezes quiser, e dizer o que está fazendo agora. E também pode encontrar seus amigos lá e clicar em “follow”. Ao fazer isso, você é avisado sempre que um deles escrever alguma coisa. Isso pode ser simplesmente publicado em sua página no Twitter ou enviado para você por Gtalk ou SMS. Você também pode escrever via Gtalk ou SMS, sem abrir a página do Twitter.
Da primeira vez que vi isso, pensei que fosse completamente inútil. Ora, o que alguém poderia escrever diferente de “escrevendo no twitter”. E que interesse eu tenho se fulano está escovando os dentes ou ciclano está alimentando os gatos? Durante um bom tempo eu, e uma porção de gente que eu conheço, se recusou a usar o Twitter.
Quando resolvi dar uma chance ao Twitter, comecei a entender de verdade seu valor. O truque número um é que você pode responder ao que alguém disse, basta começar sua mensagem com @nomedosujeito. O truque número dois é que você pode escrever o que quiser, não apenas o que está fazendo agora.
Veja, por exemplo, o que aconteceu no Intercon. Durante uma palestra alguém tem uma dúvida ou uma idéia genial. Ao invés de cochichar com a pessoa ao lado, escreve no twitter. É como se estivesse cochichando com cem ou duzentas pessoas que podem responder. Imagine uma sala de bate-papo onde você só escuta quem você escolheu, e que funciona muito bem em seu celular.
Outro exemplo, você resolve almoçar no intervalo do evento. Publica no twitter onde está e para onde vai. Seus amigos ficam sabendo e podem responder na hora. Pense na troca de SMS que você já faz, mas em grupo. Sabe aqueles filmes em que a equipe dos mocinhos tem um comunicador em que quando um fala todo mundo ouve?
Claro, esse é o uso que eu estou fazendo do Twitter, não quer dizer que é o único ou “o jeito certo”. Mas, a julgar pela quantidade de gente que estava usando assim no Intercon, deve ser um dos melhores usos. Os resultados? Confira o que o Manoel Netto escreveu sobre o assunto.
Entenda bem, não é o Twitter, é o fato de estarmos conectados o tempo todo, do mesmo jeito que não era o Napster, era o fato de podermos compartilhar nossas músicas, e não era o ICQ, mas o fato de poder falar com gente do mundo todo, inclusive meus vizinhos. Não sei se o Twitter vai continuar a ser usado por anos, ou se vai surgir algo que vai conseguir substituí-lo, não importa. O que importa é que podemos nos falar, estamos conectados, em qualquer lugar e sempre que quisermos, e em grupo. Isso é algo completamente novo, e muda muita coisa.
Voltei para o Bloglines. O Newshutch é muito, muito legal, mas eu não consigo mais viver sem poder acessar meus feeds no celular. Aliás, foi o celular quem me fez ver a real vantagem da campanha Feed Zero. No desktop, não me incomodava nada clicar no título do post no leitor de feeds e ler o texto no próprio blog. Mas no celular isso é muito ruim, principalmente porque o navegador não tem abas.
E de quebra o Bloglines me dá uma outra vantagem: OPML atualizado automaticamente.
Se você leu o post do Henrique e ficou com vontade de compartilhar seus feeds também, se usa Bloglines, recomendo que faça como eu. Você precisa configurar o Bloglines para compartilhar seus feeds, clicando na aba Share e escolhendo um nome de usuário. Se você tiver feeds protegidos por senha, como os do Gmail e do Basecamp, vai precisar torná-los privados. Faça isso clicando feed e depois em “edit subscription”.
Ao escolher seu nome de usuário, o Bloglines vai criar uma url com ele para o compartilhamento de seus feeds. A minha é:
http://www.bloglines.com/public/elcio
E o Bloglines também disponibiliza, automaticamente, seu OPML atualizado. O meu está aqui:
http://www.bloglines.com/export?id=elcio
Então, ao invés de copiar o OPML para o seu site e ter que se lembrar de atualizá-lo cada vez que cadastrar um feed novo, você pode apontar seus diretamente para o OPML gerado pelo Bloglines. O código no head de minha página ficou assim:
<link rel="outline" type="text/xml+opml" title="Elcio Ferreira's feeds"
href="http://www.bloglines.com/export?id=elcio" />
Pronto. Troque meu nome pelo seu, meu id pelo seu, coloque isso aí no head de suas páginas e mostre ao mundo o que você anda lendo.
E para quem não leu o post do Henrique, fica a dica: instale a OPMLReader, você vai entender.
