Gustavo Ribeiro

Para os que costumam trabalhar com newsletters, enviando e-mails a torto e a direito por aí, existe um site chamado Email Standards Project que reúne informações de diversos webmails com resultados de testes feitos por eles visando saber o que cada cliente de email suporta se falando de webstandards.

http://www.email-standards.org/clients/

“Image Replacemente” é uma técnica bastante utilizada hoje em dia quando queremos substituir um texto em nosso site por uma imagem, nos possibilitando o uso de diversos tipos de fontes etc. Abaixo coloco um exemplo utilizado aqui no blog, aonde eu substituo o texto “gustavoribeiro.net” por uma imagem chamada “logo.jpg”. A técnica é bastente simples:

Costumo utilizar sempre a tag <h1> para inserção de logo nos sites que faço, ficando assim:

<h1><a href="index.php"><span>gustavoribeiro.net</span></a></h1>

Já no CSS, aplico a imagem da logo como background da tag <a>, fazendo assim, um link para a home do site e na <span> escondo o texto para que o mesmo não apareça em cima da imagem.

h1 a {
    float:left;
    width:148px;
    height:22px;
    margin-top:9px;
    background:url('img/logo.jpg') no-repeat;
}
h1 span {
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    visibility:hidden;
}

Dessa forma, ao utilizar-mos o Jaws ou o Lynx não iremos perder nenhuma informação disponível no site por causa de imagens. Experimente também, desabilitar o CSS utilizando a extension web developer do firefox e veja o que acontece com a imagem do logo.

ps off topic: parabéns para mim

Pois é, depois de tanto tempo trabalhando que nem um corno, estou tirando uma mini férias e por isso vou deixar o blog - que mal começou - uns 3 dias sem atualizar. Sim, apenas 3 dias, é rapidinho.

See ya!

Os mais atualizados sabem, ou deveriam saber, muito bem que a tag <iframe> foi descontinuada quando utilizamos o DTD Strict em nossos sites. Uma forma usufruir da mesma funcionalidade e de uma maneira correta para o W3C é utilizando a tag <object>.

<object type="text/html" data="teste.php">
    <p>conteúdo alternativo para tecnologias que não suportam OBJECT</p>
</object>

Para variar, no IE temos que especificar qual classid é a do <object> para que ele possa funcionar, caso contrário ele não funcionará.

classid="clsid:25336920-03F9-11CF-8FD0-00AA00686F13"

Nosso código ficaria assim:

<object classid="clsid:25336920-03F9-11CF-8FD0-00AA00686F13" type="text/html" data="teste.php">
    <p>conteúdo alternativo para tecnologias que não suportam OBJECT</p>
</object>

Garimpando na internet sobre SEO, GoogleBot etc encontrei um plugin muito interessante para quem, assim como eu, utiliza o wordpress. Esse plugin adiciona uma nova aba na seção de configurações do cms que nos permite gerar o famoso sitemap.xml, arquivo .xml que facilita a vida do google na hora de indexar nossas páginas, para nossos blogs.

A instalação é simples. Basta seguir os passos que você encontra no readme.txt após o download do Google XML Creator.

Maiores informações podem ser encontradas na página do plugin.

Ultimamente venho recebendo mensagens de pessoas me perguntando como crio as fotos panorâmicas que coloco em meu flickr então resolvi montar um mini tutorial explicando. Então vamos ao que interessa.

O primeiro passo que temos que fazer é selecionar a opção photomerge no photoshop. (utilizo o CS3, não sei se nas versões anteriores implementaram essa funcionalidade);

Abrirá uma tela, ver imagem abaixo, aonde iremos selecionar as imagens que compõe nossa panorâmica. Em “layout” clicaremos em auto, você pode escolher uma das outras opções mas a auto é recomendada para começar a fazer as panorâmicas, e em seguida clicaremos em ok;

Pronto, nossa panorâmica esta montada. Ajustes na imagem, alinhamento e crop fica a seu critério;

Resultado final.

Se você é uma pessoa que ainda se perde ou fica tentando achar um tamanho relativo de fonte - em - equivalente aos pixels utilizados no photoshop, experimente utilizar a Em Calculator.

A Acesso Digital, a um tempo atras, fez um dos melhores - senão o melhor - vídeo sobre acessibilidade na web que eu já vi até hoje.

Ainda acham que acessibilidade não é nada?

Quem costuma pegar a linha 457 todo o dia para ir e voltar do trabalho só de ler o título já vai entender do que se trata e para os que não pegam ou nem sabem que linha é essa eu vou explicar.

A uns meses atrás, pela segunda vez - que eu me lembre - a empresa de ônibus responsável pela linha 455 e a responsável pela linha 457 estão brigando na justiça devido a concorrência entre as duas linhas que, por sinal, vão para o mesmo lugar, copacabana, porém em lugares diferentes.

Da primeira vez que teve essa palhaçada, foi obrigado a linha 457 retirar 27, de seus 40, ônibus que circulavam pela cidade levando centenas de trabalhadores a seus locais de trabalho, prejudicando a todos nós. Um dos principais pontos em que estamos sendo prejudicados é o aumento no tempo entre casa -> trabalho e, pela falta de ônibus, viramos literalmente sardinhas em lata. É raro você ir ao ponto e ver um 457 chegar sem ninguém sentado no motor, ao lado do motorista, do ônibus.

O que mais me deixa indignado é que a linha 455, já que a 457 foi obrigada a reduzir sua frota por causa deles, quase sempre não para na droga do ponto. Bom, se não quer parar para pegar passageiros porque não deixa a outra empresa voltar com a quantidade normal de ônibus e fazer o serviço que eles, 455, não fazem? Ah, e não adianta anotar número e hora e ir no fiscal reclamar porque eles falam: “Liga para empresa, não posso fazer nada.” Porra, ele é fiscal ou é um aspone?

É óbvio que sem os computadores nossas vidas seriam extremamente difícil, talvez até mesmo impossível. Se por eles, por apenas um dia, desaparecerem completamente?

Faça parte de um dos maiores experimentos globais da internet. A ideia do Shutdown Day é descobrir quantas pessoas podem passar um dia completo sem o computador e o que irá acontecer se todos nós participarmos.

Desligue seu computador amanhã, 03 de Maio de 2008, e descubra!

E você, consegue ficar um dia inteiro longe do computador?