WebSockets com HTML 5

Nota: assim que publiquei o artigo recebi um tweet sobre a questão do vínculo entre Websockets e HTML 5, com link para a página da W3C. Realmente WebSockets não é uma funcionalidade do HTML 5, falha minha. Conceituando melhor a tecnologia é uma API que está sendo desenvolvida, apesar da expectativa seja chegar como parceira e aliada do HTML 5.

AJAX foi uma revolução nos conceitos de experiência de usuário desde que chegou, agora vamos ter um possível aliado que vem por aí sem muito alarde, mas promete.

Trata-se do WebSockets, mais uma nova funcionalidade do HTML 5 que vai tratar da comunicação cliente-servidor sem utilização do Ajax nem fazendo requisição de página nova.

Como dito no próprio site do Nettuts, WebSockets é uma técnica para comunicação de mão dupla através de um socket (TCP), uma espécie de tecnologia PUSH. No momento ainda está sendo padronizado pelo W3C; entretanto, as últimas versões do Google Chrome e Safari já tem suporte ao WebSockets.
Ler mais »

Seu browser é também a sua IDE

Vou listar algumas das melhores IDEs para desenvolvimento em evidência no mercado. Não apenas para montar HTML 5 e CSS 3, mas também para códigos e algorítmos em diversas tecnologias, como Javascript, jQuery e até podemos arriscar algumas linguagens “server side”.

JSBin

JSBin é uma ferramenta excelente para teste colaborativo de html e javascript. Facilitando a integração algumas das mais populares bibliotecas e frameworks JS, ele permite que o usuário insira rapidamente o seu código e grave com um controle de versão muito simples. JSBin definitivamente não é apenas um marcador de código.

Característica que vale ressaltar: JSBin é open source, 100% free.

JSBin

Kodingen

PHP, Ruby on Rails, Django, Perl, SVN, Git, etc? Você ainda achava que era impossível ter uma IDE pra tudo isso que fosse também browser based? Kodingen é o nome dessa poderosa ferramenta que oferece uma boa parte de seu sistema de forma gratuita e está conquistando muitos fãs pela web.

Kodingen

Ler mais »

Como criar um Plugin de WordPress para encurtamento de Links via bit.ly

Quero falar sobre o processo de criação de plugin em WordPress, vou aproveitar o contexto e fazer aqui um que recebe (ou não) um link e retorna um link encurtado pelo site Bit.ly.

O plugin adiciona uma página na área de administração com um pequeno form onde podem ser informados o login e a API key do bit.ly.

O plugin poderá ser chamado no wordpress via outro plugin ou no código do tema utilizado, através de um ou mais métodos que vamos fornecer. Também poderemos chamar o plugin através de um <em>shortcode</em> que vamos criar.

Se não fornecermos um link para encurtamento, o plugin deverá verificar se ele está sendo executando durante um loop e assim retorna o permalink do artigo em questão.
Ler mais »

Ajax com jQuery e WordPress

Gosto muito desses três tipos de tecnologia: jQuery, Ajax e WordPress. Fazem parte do que mais me empolga em trabalhar com web.

O mais legal disso tudo é saber que eles estão em total sintonia. Vou passar uns exemplos rápidos de como fazer comunicações em ajax utilizando o jQuery no “client-side” se comunicando com o WordPress no “server-side”.

Vamos supor um caso onde eu queira fazer uma busca dinâmica para buscar uma lista de taxonomias e imprimir essa lista em determinado local da tela.

Ler mais »

SuperRSS – O seu Widget de RSS do seu jeito

Estou lançando o SuperRSS. Um plugin simples de RSS Feed que é totalmente baseado no widget padrão de RSS do wordpress, porém com diversas configurações a mais.

O plugin está em licença 100% livre, faça o que quiser, só não queira me responsabilizar pelas suas mudanças.

A grande motivação para a criação desse plugin foi algo que muito incomodava eu e meus colegas de equipe no trabalho. O widget padrão de RSS no wordpress tem um cache exclusivo que é renovado obrigatóriamente a pelo menos cada 12 horas. Isso é muito ruim para sites que contém conteúdo novo surgindo a cada minuto. Como é o caso de onde trabalhamos.

A primeira implementação nova a esse plugin foi justamente a temporização do cache, com tempo padrão ajustado para 5 minutos. Não faz sentido haver tempo maior em cache pois existem plugins próprios para esse tipo de funcionalidade.

Outras opções que podem ser encontradas no plugin:

  • Opção de exibir data e hora (o widget padrão de RSS mostrava apenas a data)
  • Opção de exibir essa data e hora antes do título do feed
  • Opção de exibir formato específico para a data e hora (baseados no objeto date() do PHP).

Se interessou? Faça o download do plugin, instale-o na pasta /wp-content/plugins do seu wordpress e ative-o. O widget estará pronto para ser utilizado em quantas instâncias diferentes seu WordPress permitir.

Não deixe de comentar!

Atenção: o plugin funciona em WordPress 2.8+ e WordPress MU 2.8+. Versões anteriores podem apresentar erros.

Leo e o Esporte Interativo

Um dos projetos mais interessantes e de maior escala que peguei foi o portal do Esporte Interativo. A empresa tem foco principal em seu canal de televisão de sinal aberto, por parabólicas e alguns serviços de TV por assinatura, como a Oi TV e a ViaEmbratel. O canal também é transmitido ao vivo via internet.

O portal contava no início de Janeiro de 2010 com média de 1 milhão de visitas / mês e agora essa média já passou do dobro, desde o lançamento de sua nova versão.

Outra característica legal foi que a porcentagem de novas visitas mudou de 80% para 35%. Isso significa que há uma quantidade bem mais interessante de visitantes que estão retornando ao portal.

O projeto foi comandado por Diego Cox, que coordenou em projeto Scrum uma equipe de estrelas, valendo citar Guilherme Neumas, ninja em PHP.

Ler mais »


Performance Optimization WordPress Plugins by W3 EDGE