gist-it 0.4

22/2/2009 | Tags:, , , , , | Escrito por: Dirceu Pauka Jr.

O gist-it, plugin de WordPress para inserção e coloração de códigos (syntax highlighter) tinha vários problemas e sofreu algumas alterações. Jogando uma parte das funcionalidades fora e deletando código espero que essa versão funcione.

Agora o código só é enviado ao gist quando adicionado na página. Por reenviar o código toda vez que o texto era atualizado (inclusive no auto-salvar) ficava lento escrever um post com muitos códigos. Com a atualização o uso ficou muito mais rápido.

Apesar de perder essa funcionalidade com o intuito de ganho na velocidade a exibição do código ganhou algo novo: Os códigos agora também são exibidos no RSS e em outros leitores que não suportam Javascript.

Para evitar problemas lembre-se de configurar seu login/senha do gist e confira se seu servidor possui a biblioteca cURL habilitada para funcionar com cookie.

Quando o gist implementar uma API será possivel melhorar ainda mais esse plugin. Por enquanto, aproveite a versão 0.4.

Lembrando que as atualizações estão no GitHub, fork it.



Visualização de bitmap com JavaScript

19/2/2009 | Tags:, , , , , | Escrito por: Dirceu Pauka Jr.

Imagens do tipo bitmap armazenam nada mais que uma lista (ou mapa) de cores a serem usadas em cada pixel de uma imagem.

Cada pixel pode ser representado, por exemplo, pela intensidade das cores: vermelho, verde e azul. Ex:

Essa cor seria R: 255, G: 55, B: 15 ou #ff0055 em hexadecimal.

Entendendo um pouco do funcionamento de bitmaps, ficará mais fácil entender a brincadeira aqui.

Com uma lista de cores (veja arquivo) eu desenhei uma imagem em uma tag HTML <canvas> com Javascript. Veja funcionando: Visualização de bitmap com Javascript.

Pode parecer besteira ou “muito inútil”, mas afinal: por que os navegadores ficaram mais rápidos?

Em uma apresentação recente John Resign, desenvolvedor da Mozilla e responsável pelo engine de Javascript do Firefox, deu a entender que pode ser a hora de ver vídeo rodando em Javascript. Ou indo mais além, vídeo em streaming.

O número exibido na demonstração é quantas vezes a imagem conseguiu ser renderizada em um tempo limite de 1 segundo. (Quem usar Firebug vai ler isso no console).

Jacob Seidelin também fez algumas experiências com a exibição de imagens/vídeo em Javascript conseguiu fazer uma sequência de JPGs rodaram a 15 fps, o que foi suficiente para isso: Making a Javascript Video Player.

Como comentado lá no post do Jacob, considerando que temos codecs de sucesso para streaming de vídeo como o FLV tudo isso é inútil, prova de conceito, toycode que estava a algum tempo em minha pasta “playground” e agora fica disponível para inspirar idéias.

O script que usei para gerar a lista de cores à partir da imagem pode ser encontrado no gist.