Ou seja, imagine que você está tentando adicionar o PPA do Firefox, assim:

sudo add-apt-repository ppa:mozillateam/firefox-stable

Mas aí o comando retorna o seguinte pra você:

Executing: gpg --ignore-time-conflict --no-options --no-default-keyring --secret-keyring /etc/apt/secring.gpg
    --trustdb-name /etc/apt/trustdb.gpg --keyring /etc/apt/trusted.gpg --primary-keyring /etc/apt/trusted.gpg
    --keyserver keyserver.ubuntu.com --recv 0AB215679C571D1C8325275B9BDB3D89CE49EC21
gpg: requesting key CE49EC21 from hkp server keyserver.ubuntu.com
gpg: keyserver timed out
gpg: keyserver receive failed: keyserver error

Veja que logo na primeira linha o comando que está sendo executado é mostrado. Copie o comando e ajuste o parâmetro –keyserver. Troque o keyserver.ubuntu.com por:

hkp://keyserver.ubuntu.com:80

E aí rode o comando manualmente. Pronto, a chave será importada e você poderá usar o repositório sem qualquer tipo de warning.

Referência: http://ubuntuforums.org/showthread.php?t=1101366

Como hoje temos praticamente uma febre por sites de compras coletivas, muitas pessoas vão as compras e adquirem vários cupons de bons negócios. Até aí nenhum problema. Mas a questão é que muitos desses cupons sequer são usados pois as pessoas acabam esquecendo-se deles! Juntar e organizar esses cupons passou a ser essencial.

Diante disso, um site como o Junte Cupons se torna extremamente útil para efetivamente usufruir das suas boas compras. E como este é um showcase, vamos a algumas das telas feitas (as mais interessantes, ao meu ver)

Home do Junte Cupons

Administração dos Cupons

Visualização de um cupom

Organização e Lembretes

Cadastro

Foi um projeto bem bacana e acredito que o resultado final ficou muito bom.

Nota importante: O site Junte Cupons não é um “filho meu”. Minha participação se deu exclusivamente no desenvolvimento da interface do mesmo.

Confesso que fiquei impressionado com o acabamento visual deste site/apresentação de slides.

Dê uma boa navegada pelo conteúdo. Note que não há Flash ali, apenas HTML 5, muito CSS e JavaScript também.

Isso é certamente um exemplo bem tangível do que a nova geração de linguagens de front-end nos trarão.

Além desse site, pra quem ainda não conhece, o Google também está promovendo este outro site: http://www.html5rocks.com/, uma tentativa de disseminar o máximo possível tudo o que há de novo nessas novas tecnologias e acelerar a adoção das mesmas. Boa iniciativa!

Após 5 anos de UOL, entendi que era necessário dar novos rumos a minha carreira profissional e aceitei uma oportunidade para fazer parte do Yahoo!.

Estou bastante feliz com a mudança, estou tendo diversas novas oportunidades de aprendizado e crescimento (muito PHP, #cool), além de poder aprimorar definitivamente o inglês.

Claro que uma mudança dessas nem sempre é fácil, foi uma decisão difícil mas bem pensada, e tenho certeza que o UOL foi uma parte importante da minha vida profissional, onde tive a oportunidade de fazer diversos amigos que certamente lembrarei por toda a vida.

Bom, assim sendo, que uma nova fase da minha vida se inicie, agora no Yahoo!.

Nela é possível ver várias formas de utilização da pseudo-classe :target. Essa pseudo classe pode ser usada nos seus arquivos CSS quando um elemento é referenciado pela âncora lá na URL.

Ou seja, http://example.com/#isso_aqui_eh_a_ancora

Dessa forma, você pode obter alguns comportamentos dinâmicos utilizando apenas CSS. Comportamentos tipicamente feitos por JavasScript, como destacar uma foto ao clicar sobre sua imagem menor, podem ser feitos sem problemas utilizando-se esta técnica.

Ainda não ficou muito claro, né? Para facilitar as coisas, veja este exemplo funcional.

Experimente clicar nos links disponíveis abaixo da foto. Note que clicando em qualquer um deles a imagem é alterada. A “mágica”está lá no arquivo CSS:

/* esconde as imagens por padrão */
#imagens img {
	display: none;
}
#imagens #imagem-1:target,
#imagens #imagem-2:target,
#imagens #imagem-3:target,
#imagens #imagem-4:target,
#imagens #imagem-5:target,
#imagens #imagem-6:target {
	display: block;
}

Ou seja, o pseudo seletor :target só será ativado quando a âncora na URL casar com o elemento respectivo, tornando a imagem selecionada visível (e as demais invisíveis).

Em termos de compatibilidade, este exemplo foi testado e funciona em: Firefox 3.6, Chrome 5.0, Opera 10.60 e Safari 5.0.

E funciona no IE? Talvez… talvez no IE 9! (evil laugh here mwhaha!)

Porém, além desse curso, essa semana eu recebi um e-mail aqui no trabalho comentando sobre um curso oferecido pela Opera (sim, aquela do navegador Opera). Dei uma olhada geral sobre o conteúdo e parece ser bem interessante, além de abordar a maioria dos tópicos usados no dia-a-dia de quem trabalha e desenvolve interfaces web.

Sendo assim, se você está interessado num curso de desenvolvimento de front-end gratuito, esta é também uma excelente opção. Bons estudos!

Recentemente tive a oportunidade de fazer um trabalho para uma mídia, digamos, alternativa. OK, após o anúncio da Google TV ela não é tão alternativa assim.

O maior impacto ao construir um site para ser utilizado em uma TV está na forma com que este site será usado. Enquanto que um usuário na frente do computador, geralmente, está focado nesta tarefa, o telespectador nem sempre está tão focado assim… A imagem abaixo ilustra bem isso:

Típico usuário interagindo com uma TV

Diante desse cenário, um site voltado para o uso em TVs deve possuir uma navegação com menos elementos atrativos, fontes maiores, etc… Tudo isso para reduzir a carga cognitiva que os usuários recebem ao navegar por esse site.

Agora que a devida introdução já foi feita, permita me mostrar algumas telas desse projeto:

Home geral

Vídeos

Notícias (textos)

Álbuns de fotos

Todo esse conteúdo está disponível para as TVs da linha Infinita da LG. (não, este não é um post publieditorial – aliás, quem dera fosse haha)

Neste mesmo projeto, algumas questões técnicas bem interessantes precisaram de soluções bem criativas. Mas isso é assunto pra um próximo texto.

A extensão FireQuery se acopla ao já famoso Firebug e adiciona uma série de novos recursos, todos pensados em facilitar a vida de quem usa jQuery.

Entre os vários recursos vale destacar a listagem dos eventos que estão associados a um elemento na página. Isso é extremamente útil quando você precisa alterar códigos feitos por outras pessoas, ou mesmo um código seu que você já nem lembra mais como ele funciona.

Dica enviada pelo meu colega de trabalho Paulo Lomanto, que é totalmente Web 1.0 e não tem Twitter, nem blog, nem nada pra eu linkar aqui.

Trata-se do atributo rel=”noreferrer”, que pode ser aplicado nas tags a e area, que esconde o cabeçalho (sic) Referer quando um usuário clica no link que possui este atributo. Além disso, a propriedade window.opener também recebe valor nulo como consequência do uso deste atributo.

Uma novidade bem interessante no sentido da privacidade dos usuários e que também pode causar um impacto significativo em aplicações que dependam desta informação, por exemplo as aplicações de visitas e estatísticas como o AWStats ou o Google Analytics.

Como a especificação do HTML 5 ainda não está finalizada, pelo que pude apurar, apenas as versões mais recentes do Webkit suportam esta propriedade. Apesar disso, como a implementação deste recurso não parece representar grande dificuldade, logo ela deve ser implementada também pelos demais navegadores.