Hoje o Twitter lançou um novo recurso:  Hovercards. A idéia é simples, como podemos notar pelo nome (hover, do evento do mouse; card, de cartão): mostrar a informação do usuário quando você colocar o mouse em cima de seu nick (por exemplo, quando alguém dá um tweet @fulano mandando uma resposta direta a ele), como um cartão de visita. É bem prático, pois permite que você saiba um pouco mais das pessoas com quem seus seguidos se relacionam, expandindo suas possibilidades de contatos. Excelente para ajudar a filtrar indivíduos relevantes para você seguir! Ele permite ter uma visão de cartão expandido, mostrando ainda mais informação. Também é possível enviar mensagens direto dele.

Mais legal ainda: ele permite que você siga a pessoa ali mesmo, sem necessidade de trocar de página. Também vai mostrar o status, caso você já o siga. A meu ver, uma ótima ação dos desenvolvedores do Twitter, otimizando não só a experiência do usuário, mas também o desempenho de seus serviços (isso com certeza vai diminuir a carga dos servidores web do Twitter). Não vai demorar muito para ver esse conceito pipocar em outras redes e aplicativos sociais agora…

Porém, é um recurso que não vai aparecer para todos usuários de uma única vez. Será implantando ao poucos (que mania que essas redes sociais tem de fazer suspense com as funcionalidades…) Fique atento, mais cedo ou mais tarde, você verá!

Como dito num dos links acima, o objetivo não é criar mais redes sociais voltadas para leituras. O diferencial fica pelo aproveitamento que faz do poder social já criado, utilizando-se da rede de amigos que você já tem no Orkut para enviar novidades e conhecer o que sua roda de amigos gosta de ler. Também ajuda a divulgar suas leituras e encontrar mais fãs dos autores preferidos, quando posta suas atualizações e comentários diretamente para o Twitter. E não para por aí. Ele também tira proveito do coletivo, nos seus rankings. É possível acompanhar a lista de livros mais lidos, mais comentados e mais desejados em tempo real, enquanto as pessoas vão alimentando esses dados.

Você fica sabendo dos livros que seus amigos estão querendo e não erra na hora do amigo secreto. Aproveite e mantenha sua lista “Quero Ler” atualizada, para aumentar as chances de ganhar aquele BestSeller que você tanto gostaria. Em breve irei comentar mais sobre o projeto, tecnicamente. Linguagens, servidores, técnicas e ‘cositas’ mais. Enquanto isso, gostaria de ter opiniões dos usuários, sejam elas boas ou ruins. Queremos desenvolver o melhor aplicativo social para o nosso público alvo: os usuários. Os comentários estão aí para vocês! Em breve lançaremos a ferramenta também no Facebook, e quem sabe sua dica já não se concretiza lá, não é mesmo?

99 Ferramentas e aplicações para o Twitter

[youtube]HKKAr42Xgls[/youtube]

No vídeo, parece uma brincadeira. Mas com certeza, muitas pessoas atualizam seus status nas redes sociais tão logo cheguem de volta de suas viagens de lua de mel (ou quem sabe, até do hotel, se tiver uma área wi-fi ou uma lan-house por perto). Eu já presenciei esse fato. Não, eu não tive nenhum contato com computadores durante minha lua de mel!

Essa informação com certeza é muito importante para empresas que vendem produtos e serviços para recém-casados. Imaginem se fosse possível definir um status indicando que você pretende se casar? Melhor ainda, pois já podem trabalhar em ações para suprir suas listas de presentes de casamento.

Independente disso, vejo que uma forma de brigar pelo mercado agora é investir no desenvolvimento de novos aplicativos (gadgets) e games para as redes sociais. Quanto mais fácil e prático a rede social for para os desenvolvedores nesse sentido, melhor. Basta comparar a quantidade e qualidade dos aplicativos presentes nas redes. A diferença é esmagadora. Mas segundo alguns gurus, isso vai mudar e o foco no desenvolvimento das funcionalidades e novidades do Orkut vai ser nos aplicativos. Tomara! Os desenvolvedores aqui agradecem.

Falando em novo Orkut, eu ainda tenho alguns convites. Alguém aí quer? Os interessados, favor manifestar nos comentários.

Em alguns lugares onde trabalhei, ele já foi motivo de re-trabalho. Todos diziam: “Terminou? Agora tem que fazer funcionar no IE6“, ou até “Você sabe o que é POIE? Programação orientada a Internet Explorer“. Uma outra famosa: “Faça funcionar no IE6, e funcionará em todo o resto!“. Sim, na maioria dos casos. Mas a que custo? Acabar com todos os standards, e ter que gerar versões específicas de CSS para cada um dos browsers? Eu me recuso a re-trabalhar na maioria das vezes. Sigo os standards, e faço adaptações apenas em seções muito cruciais para o funcionamento do trabalho.

Muitos sistemas e redes sociais já colocaram avisos quando você roda o browser empoeirado, pedindo que instale uma versão mais recente ou até mesmo um outro browser. E acho isso muito certo. Até quando vamos dar suporte a tecnologia antiga? Já é quase uma década de vida… aspirando a morte. Os computadores recém-adquiridos já vem com sistemas atualizados, e claro, com browsers atualizados. (Qualquer versão do Windows Vista vem com pelo menos o Internet Explorer 7).  Qualquer distribuição decente tem um sistema de atualizações automáticas que alertará para o uso de uma versão atualizada do browser atual. Não seja antiquado! Atualize esse browser meu rapaz!

Eu faço minha parte: sigo os standards, e nego suporte até onde posso. Mas se você ainda não pode abandonar esse “aposentando browser”, e fez tudo seguindo os standars e testando apenas no Firefox, e na hora de rodar no windows liso (padrão de fábrica), você deve estar procurando ajuda agora. Infelizmente, ainda não podemos apenas abandonar os browsers da Microsoft, pois detem uma boa parte do público, mas podemos tomar algumas medidades “mágicas” que vão tornar o convívio mais pacífico. Vou deixar algumas dicas que podem poupar, e muito, seu tempo no projeto atual e permitir que você estude alguma coisa bem legal! Vamos lá

Doctype

Certo, se você seguiu os standards, não deveria ter esquecido isso, mas pode acontecer. Então, se você terminou o layout do html que renderiza bonitinho no FF (FireFox) mas não fica bom no IE6 (e provavelmente nos demais IE’s também), verifique se seu arquivo .html tem um cabeçalho parecido com esse:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Isso fará com que os browsers renderizem o HTML de acordo com o que você programou, e não conforme eles pensam ser o melhor jeito. Veja aqui nesse link uma lista completa de DOCTYPES que estarão de acordo com o que você programou. Isso ajuda a resolver alguns problemas bizarros, como quando o browser parece renderizar elementos fantasmas, como labels repetidos e texto sujo na tela (principalmente se você o gera usando javascript. Também já resolve boa parte dos problemas de layout decorrente de má interpretação de CSS.

Javascript

Não preciso nem dizer que usar frameworks como jQuery para programar seu Javascript é essencial num mundo cross-browser. Deixe para ele todas aquelas minúcias de cada browser. Exatamente, alguém, já esquentou a cabeça e perdeu vários fios de cabelo para que você pudesse ter noites melhores de sono.

Mas vou deixar uma dica aqui sobre um erro muito, mas muito chato mesmo. Chato porque esse é um erro comum, mas que passa desapercebido nas primeiras revisões que você faz no seu código. Esquecer as vírgulas nas definições de objetos. Tudo funciona muito bem no FF, porém, coisas estranham acontecem quando você roda no quase-defunto IE6. Quando você definir um objeto javascript:

var objeto = {
    atribute1: value1,
    atribute2: value2,
    atributeN: valueN
}

nunca esqueça de limpar a vírgula do último atributo, ou então, escrever a vírugula separadora de atributos no começo de cada linha:

var objeto = {
    atribute1: value1
    ,atribute2: value2
    ,atributeN: valueN
}

Assim, você evitar deixar a vírgula ali, sempre que copiar o atributo anterior para adicionar um novo irá manter a ordem dos mesmos. E assim, não vai perder várias horas, pois os IE’s raramente vão indicar onde ela está perdida… Esse padrão para atributos é adotado em projetos do EXTJS e em vários outros. Numa primeira olhada, a sintaxe parece estranha, mas te garanto: você vai adorar ter umas horinhas extras para dar aquela atenção ao seu feedreader invés de ter que caçar bugs!

Outro problemas não tão comum, mas que também pega desenvolvedores de surpresa: a instrução for (item in collection). Quando você utiliza a seguinte estrutura:

for (item in array) {
    // suas instruções
}

A sintaxe fica muito mais legível, e as coisas rodam execelentemente… menos no Internet Explorer! Então, tome cuidado, e vá já fazer aquele refactoring esperto para trocar os fors como o de cima pelo for tradicional do javascript.

CSS

Quando você utilizar frameworks CSS (Blueprint, grid960, etc), alguns atributos são resetados (com o quase onipresente reset.css que acompanham o kit de cada framework). Porém, alguns atributos css não são processados como deveriam no IE6 e em seus irmãozinhos. Principalmente o border-colapse, para as tabelas. Então, quando seu layout parecer estar de ressaca, tente setar o border-colapse: 0; antes de arrancar mais cabelos. Outra coisa que ajuda bastante na hora de adaptar CSS ao IE, é usar um seletor de ID invés de classe/elemento, principalmente quando se trata de elementos de formulários. Dê um nome exclusivo ao campo/input, e a chance dele renderizar corretamente no seu IE.

Cuidado com os efeitos! Lembre-se que no IE, os valores para opacity são valores entre 0 e 100,  e não entre 0 e 1.0 como na definição padrão (mais uma vez, um tiro contra os padrões e regras de boa vizinhança na Web).

E quando nem tudo tiver jeito

Bom, você que usa bastante a internet já deve ter percebido que muitos do grandes sites e redes já sabe da morte do browser, e convida os usuários a abandonar o barco antes que ele afunde, mostrando uma mensagem do tipo “É necessário atualizar seu navegador”, conforme a do Facebook, que você encontra clicando na imagem ao lado. Recomendo a você fazer o mesmo, pois algumas vezes não há erros, nem warning,s nem EXPLICAÇÕES! Seu sistema simplesmente não vai funcionar no IE6 (ou parecer um zumbi) simplesmente porque ele (ou seus criadores) não quiseram que funcionasse por tanto tempo assim. No meu último projeto, há uma função que não gera nenhum erro de processamento ou script, mas simplesmente não executa, misteriosamente sendo apenas mais uma instrução como todas as outras anteriores. Não vou ficar gastando o dinheiro de meu cliente! Vamos logo abandonar o defunto do IE6, e concentrar nossos esforços em trazer mais funcionalidades e compatibilidade. Coloque uma bela mensagem  convidando seus queridos usuários a usar um broser mais atual ou melhor.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Essa imagem mostra como seria se cada um dos grandes websites sociais atuais fossem alunos de universidade. Podemos Notar que se tratam de sites que, apesar da presença nacional, são oriundas da América do Norte. E se existisse um desse para as grandes redes nacionais (sites brazucas mesmo) ? Quem se arrisca?

Via deviantART

A Própria Facebook Inc. anunciou a aquisição da FriendFeed, uma start-up que permite aos usuários compartilhar links e atualizações de status online, a qual poderia vir a se tornar uma concorrente importante.

O Valor da aquisição, de aproximadamente 50 milhões de dólares, feito numa combinação de cash (15 milhões) e o restante em ações.

Via Wall Street Journal

Será que agora vamos ter um FriendFace ou FriendBook?

Limpar as comunidades

O primeiro passo. Quantas comunidades sem sentido eu participei, oriundas da época em que não dava tanta bola para a Internet como fonte e meio de trabalho, de quando a Web mal era 1.0. Coisas do tipo “*Nós amamos a Amandinha*”, comunidades que traem o conceito de comunidade, que é juntar pessoas e promover interação e que tem como fim promover uma pessoa. Ainda que fosse uma pessoa famosa e com importância social global… Seguindo esse propósito, comecei a deletar algumas de minhas comunidades. Para os que administram essas comunidades, não levem pelo lado pessoal, me perdoem, mas vamos fazer um uso consciente e inteligente da Web, e eu vou fazer minha parte. Menos aproximadamente 25 comunidades.

Selecionar as comunidades de real interesse

O Segundo passo, mais óbvio. Afinal, de que adianta participar de diversas comuniades onde  você nem ao menos posta? Apenas juntou-se para que ela aparecesse na sua lista de comunidades? Que isso! Só está ajudando a gerar tráfego desnecessário na rede. Menos aproximadamente 15 comunidades. Engaje-se nas comunidades onde você possa participar ativamente e tornar o ambiente (a web) cada vez melhor com suas atitudes. Procure comunidades que acrescentem algo ao seu conhecimento também. Todos merecem aprender, certo?

Comporte-se e seja coerente

Não vá se tornar um chato online. Aja conforme a comunidade, participe. Acrescente. Cresça junto com todos. Não pense que a rede social que você participa é uma feira e quem gritar mais leva. Quem tiver o melhor conteúdo vai ter mais visitas. Fale sobre o que você gosta, sobre o que você entende.

Depois disso tudo, meu Orkut está bem mais limpo, coerente… e leve! Até carrega mais rápido….