Substituindo texto por imagem

Freqüentemente precisamos substituir texto por imagem – em nome do design – como no caso de títulos com fontes especiais ou mesmo quando queremos utilizar “drop caps”, coisa que infelizmente ainda não existe em html. A simples substituição de texto por imagem pode ter suas desvantagens, no caso de ferramentas de busca ou programas de leitura de tela (screen readers). Se você quer se aprofundar sobre este assunto e utilizar uma técnica que funcione, sugiro este ótimo artigo publicado na Stopdesign: Using Background-Image to Replace Text. A técnica escolhida no artigo é chamada Fahrner Image Replacement (FIR) e também é discutida com detalhes neste artigo da ALA – A List Apart: Facts and Opinion About Fahrner Image Replacement. Em defesa da técnica a Digital WEb Magazine publicou este artigo. Além do FIR, existem técnicas alternativas – cada uma com suas vantagens ou desvantagens, que listo abaixo:

Leahy/Langridge Image Replacement (LIR):
Seamus Leahy
Stuart Langridge

Rundle’s Text-Indent Method:
Mike Rundle

Cover-up Method:
Petr Stanicek
Tom Gilder

Servidores grátis…

Para quem procura um servidor gratuito, sugiro uma visita ao:

Free webspace and free web hosting services. Um ótimo site com uma grande listagem dos principais web hosts free da internet. Possui uma busca detalhada, omde você seleciona quais ‘features’ deseja no servidor; espaço oferecido; tipo de propaganda do servidor em sua página (popup, banner, nenhuma propaganda…). Além disso possui comentários de quem testou o servidor e a nota de cada serviço.


“‘Free Webspace’ is the LARGEST directory on the Internet of free web hosting providers, with over 900 free web hosts and growing, and is updated daily. To find a free web host that fits your needs, use the Search Box on the right. If you need special web hosting features for your free web space, such as FrontPage extensions, PHP, CGI, ASP, MySQL, etc., try our Free Web Hosting Power Search. The review page for each web host will allow you to read the reviews and ratings by others, or give your own. The newest additions to our searchable database of free webhosting providers are listed below.”

Outra opção de listagem de Free hosts é o Free PHP Hosting.

The Anti-bush Video Game

A fun and fact-filled adventure about the most appaling president in the history of the United States.

About:

“The Bushgame was created between March and May of 2004.

Bushgame combines humor, opinion, and fact to bring an entertaining and informative video game adventure to people everywhere. The use of this medium will hopefully reach many people who have not had the time or interest to read up on some of the appalling things that have taken place in our government and society over the past four years. For those of you who are paying attention, hopefully this game has helped to clarify some of the important things at stake in the upcoming elections. I realize that this game does not cover every issue, problem, and appalling action of the Bush administration.”

Pixel patterns

pixel patternsUma das minhas paixões são os , e aqui estão alguns dos melhores links sobre estes maravilhosos seres repetidores: um mestre imbatível dos pixel patterns, na minha opinião, é o Squidfingers. Aqui e aqui estão uma pequena demonstração de como o ele trabalha. Outra fonte inesgotável de patterns é o Kaliber10000, um ponto de parada importantíssima para os web designer e aficionados. E aqui um link para um sistema criado por Aleksi Mäentie, para você tentar fazer seu próprio padrão em pixel. Para finalizar o Printable Origami Papers, com padrões em pixel em pdf, para você baixar, imprimir e montar seus origamis.

Free stock photos

Stock.xchngStock.xchng é uma das melhores opções de banco de imagens free da Internet atualmente. Uma grande comunidade onde os integrantes cadastram suas fotos e disponibilizam para outras pessoas. Um dos diferenciais do Stock.xchng é que as fotos só entram no banco de dados do site se forem aprovadas, evitando dessa forma a entrada daquelas imagens que só ocupam espaço, mas que não têm valor algum. Além disso, as imagens podem ser comentadas e avaliadas pelos visitantes cadastrados. O design clean associado aos ícones pixel e uma ótima navegabilidade fazem do Stock.xchng uma ferramenta essencial para a comunidade de webdesigners.

Mais sobre o Firefox

O Firefox tem um recurso muito legal: ele possibilita a visualização de uma tabela com todas as imagens presentes na página, com visualização individual de cada uma e a possibilidade de salvá-la. Claro, você pode fazer isso no Explorer também, mas não com essa praticidade.

Quando ao erro de CSS verificado anteriormente na página da Editora Letras Brasileiras, “mea culpa”. Estava escrevendo assim o CSS para esta seção: (margin:15, 10, 5, 10 px) quando naa verdade este é o correto: (margin:15px 10px 5px 10px). Parece que o problema maior estava no espaço entre “10” e “px”. O Explorer costuma ignorar algumas falhas de HTML e CSS, executando como se estivesse correto. A primeira vista isso pode parecer bom, mas na verdade não é, acaba fazendo com que o programador aaprenda incorretamente e não seja tão cuidadoso. O Explorer se comporta como o pai da criança, que faz algo errado, e ao invés de repreendê-la, passa a mão em sua cabeça e diz: “oh, não se preocupe, está bom assim.”

Bem, erro de CSS corrigido.