Sites e sistemas rápidos, acessíveis, bem posicionados no Google e, o que é mais importante, fáceis de usar.

Arquivos da tag 'Padrões'

StayValid

30/01/2007

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[bb] 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.

Bloglines ainda reina supremo, pelo menos para mim.

23/01/2007

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.

Snap?

21/01/2007

Acabo de bloquear na Adblock a seguinte url:

http://spa.snap.com/snap_preview_anywhere.js?*

Caramba, mas que negocinho chato esse, né? Fica pulando na sua frente quando você passa o mouse sobre o texto. Não consigo ler com isso aí não.

Performancing

20/01/2007

Acabo de conhecer, através do BrPoint, a Performancing, empresa que produz ferramentas para blogs[bb] 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:

Performancing

Cite Bite, uma idéia ruim

15/01/2007

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.

Elcio Ferreira

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:

  1. Está enviando usuários para lá. Esse é, claro, o ponto mais óbvio.
  2. 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.
  3. 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 quebra a renderização de e-mails HTML no Outlook 2007

12/01/2007

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[bb], 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.

Navegando

12/01/2007

Roupa Nova

12/01/2007

Atenção, leitores de feed, estou há uma semana de layout novo! Eu que fiz.

SVG em ação!

10/01/2007

Olha isso!

Feito com Inkscape.

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.

Microformats aplicados

09/01/2007

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[bb] também.

Se você não entendeu nada, leia mais aqui.

Tableless.com.br no Stylecrunch

05/01/2007
Tableless.com.br no Stylecrunch
.
Obrigado!
.
A Daniele Viana, cujo blog eu conheci há pouco tempo (mas já assinei o feed) também está lá. Parabéns Daniele!

Lasagna, o mini-framework

29/12/2006

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[bb], 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.

Compartilhando seus feeds com OPML no Bloglines

20/12/2006

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.

Why Web 2.0 is more than a buzzword

19/12/2006

Why Web 2.0 is more than a buzzword.

Muito interessante. Nunca reclamaram com você porque encontrou um colega de profissão e começou a conversar com ele, e mais ninguém no recinto entendia o que vocês estavam falando?

freeDOM

13/12/2006

O que não faltam por aí são bibliotecas de funções para Javascript e Ajax. Uma mais complicada (e pesada) que a outra. Pois meu amigo, Andre Metzen, acaba de publicar a freeDOM. Nas palavras dele:

freeDOM um projeto iniciado para desenvolver uma biblioteca de funções JavaScript simples e poderosa, para ajudar o desenvolvimento e aumentar a produtividade de websites e aplicativos web.

Excelente.

Design Patterns Representam Defeitos nas Linguagens de Programação

16/11/2006

Design Patterns Representam Defeitos nas Linguagens de Programação. Interessantíssimo, vai te por para pensar.

Robô de Google Ranking

31/10/2006

Mais uma coisa que descobri nos relatórios do Google Analytics[bb]: a parte mais acessada do meu site, depois do blog, é o Robô de Google Ranking.

Pois bem, se é útil, então vamos melhorá-lo. Consertei uns defeitinhos agora, e preparei o sistema para internacionalização. Coloquei no ar inclusive uma versão em inglês ruim. Aí está, se você sabe inglês[bb], espanhol, alemão, chinês, ídiche, suaili ou outro idioma qualquer e tem algum tempo disponível, pode nos ajudar traduzindo o robô para o seu idioma. Se só sabe português, pode ajudar dando opiniões e sugestões sobre o Robô.

Vídeo Palestra de Tableless (cara, isso é que é hospedagem!)

20/10/2006

Percebi agora, ao acessar meu painel de controle, que o Dreamhost dobrou a banda disponível e multiplicou por dez o espaço em disco. Agora eu tenho 200GB de espaço e 2TB de banda. É um absurdo!

O que fazer com tanta banda? Presentar vocês, meus fiéis quatro ou cinco leitores. Vou começar publicando um vídeo de uma palestra que dei no CPqD em Campinas, já tem algum tempo. Não é uma palestra da qual eu me orgulhe, na verdade. Estava meio perdido, com o auditório escuro, sem conseguir enxergar as pessoas. E falei demais. Por isso, se você assistir, me dê um desconto aí. Mas vou colocar essa porque é a única que eu tenho inteira em vídeo.

Lá vai: tableless.wmv (220,7 MB)

Me digam se gostaram, e se vale a pena publicar esse tipo de material. Se vocês gostarem, coloco mais coisa ali. Vamos usar o espaço que o Dreamhost nos dá ;-)

E deixa eu fazer minha propaganda aqui: usando o promocode "DESCONTUDO" você pode ter esses 200GB, com PHP, Ruby-on-Rails, MySQL e domínios ilimitados por menos de US$ 4,33 por mês.

Update: O link já está funcionando. Eu tinha apontado meu servidor de DNS para o lugar errado. Desculpem a falha.

Jonas Galvez não morreu!

31/07/2006

Tive o privilégio de encontrar o Jonas Galvez online na semana passada. Estávamos ocupados, tanto eu quanto ele, por isso não conversamos muito. Mas já deu para saber algumas coisas que muita gente me escreveu perguntando. Primeiro, que ele está vivo, não se mudou para o Tibet, não virou monge nem vendedor de sanduíche natural na praia. Depois, sobre o antigo domínio, jonasgalvez.com. Morreu mesmo. Mas ele já tem endereço novo: JonasGalvez.org.

Outra novidade é que ele me disse que logo volta a publicar. Estamos esperando, Jonas, não demore.

Cuidado aonde você enfia esse Ajax aí!

03/05/2006

Se você achava que já tinha visto de tudo, chegou a hora de ver de tudo 2.0: WTF 2.0!

Depois que parar de dar risadas pare para pensar. Onde usar e onde não usar Ajax[bb]? Isso aqui pode ajudar.