A Guerra Fria dos Browsers

O Diego Eis publicou no Tableless um artigo onde contextualiza a importância da compatibilidade de um browser (navegador web) com os padrões web. O que reafirma o que foi dito aqui anteriormente.

Segue um trecho do artigo do Diego Eis: “… Hoje os fabricantes de browsers estão com outro pensamento. A guerra de hoje é mais silenciosa e agrega muito mais valor ao desenvolvimento web. Os métodos para conquistar usuários é direcionada em serviços. Sim, ainda é mais difícil conseguir os usuários mais leigos, mas essa massa está se renovando e novos usuários de internet já sabem qual browser escolher e os motivos para escolhê-lo.

Internet Explorer 8, Safari 3.1 e Firefox 3 estão se esforçando para alcançar o nível máximo de suporte aos Padrões. Isso conquista o desenvolvedor que por sua vez vai evangelizar o usuário leigo a utilizar o browser mais interessante e útil para as necessidades dele.”

Até a próxima.

IE 5.5 vence IE6 e IE7 no Acid3

Segundo um atigo no Slashdot onde indica uma página que exibe o resultado de alguns browsers no novo teste Acid3, o IE5.5 conseguiu desempenho, no teste, maior que os IEs 6 e 7.

Pra quem não conhece, o Acid3 é uma página de teste do Web Standards Project que checa como um web browser segue certos padrões da web (web standards), especificamente relacionado ao (DOM) and (JavaScript). Na página da wikipedia sobre o Acid3 pode ser encontrado alguns resultados de navegadores como Mozilla Firefox, Internet Explorer, Konqueror, Safari e Opera.

Na página dos resultados, que é indicada no artigo do Slashdot, é mostrado, também, o desempenho de navegadores web que ainda estão na fase beta desenvolvimento além dos navegadores já lançados.

É sempre bom ficar de olho nesses resultados pois assim você decide por qual navegador usar o qual navegador lhe permitirá melhor visualização dos sites visitados.

Instalando o IEs4Linux no Mandriva

Quem desenvolve para web sabe muito bem que precisa testar o projeto no IE por motivos de redenização. Estou escrevendo esse artigo basicamente para explicar a instalação do IEs4Linux no Mandriva. Com esse pacote você terá em seu Mandriva o Internet Explorer 5, 5.5 e 6, além disso você pode instalar o recurso beta que contém suporte ao IE 7.

O IEs4Linux depende dos seguintes pacotes: cabextract and Wine. Para instalar esse pacotes, após ter configurado o urpmi como comentado aqui, basta executar os comandos abaixo num terminal ou então abrir o Gerenciador de Software e procurar pelos pacotes citados.

su
urpmi wine cabextract
exit

Após o termino da instalação, basta executar esses comando num terminal como usuário normal para que seja instalado o IEs4Linux:

wget http://www.tatanka.com.br/ies4linux/downloads/ies4linux-latest.tar.gz
tar zxvf ies4linux-latest.tar.gz
cd ies4linux-*
./ies4linux

Ao executar último comando será aberta uma janela onde você poderá escolher quais IEs você deseja instalar, no canto inferior direito existe um opção para configurar recursos avançados, clicando nesse botão você terá acesso para selecionar que deseja instalar o IE7, lembrando que ainda é um recurso beta.

Após configurar a instalação, basta confirmar para que o programa baixe os pacotes necessários e instale. Após a instalação siga as instruções para executar os IEs.

Qualquer dúvida, não hesite em comentar. Até a próxima.

Relatório de acessibilidade do Nielsen Normam Group de graça

Este post merece ser linkado. É “um relatório de boas práticas de usabilidade em um estudo feito com pessoas utilizando tecnologias assistivas. O relatório (em inglês) estimado no valor de US$124,00 foi liberado gratuitamente para download como presente de final de ano. E como eu não sei por mais quanto tempo o documento poderá ser baixado de graça, se eu fosse você fazia o download correndo.”

Seguem os links:

Como o Henrique disse, aproveite enquanto ainda pode baixar.

Até mais.

PNGs Transparentes no Internet Explorer 6

Passado um bom tempo sem postar, encontrei dois links interessantes sobre esse assunto que muita gente gostaria que fosse resolvido.

As soluções não fazem com que o Internet Explorer 6 tenha suporte completo à PNGs transparentes, porém minimizam o suporte incompleto.

Seguem os links:

Espero que seja útil esses links. Caso tenha alguma outra solução, por favor comente.

XHTML-MP – XHTML Mobile Profile

Estão falando por ai sobre um tal XHTML-MP, ou seja, XHTML Mobile Profile um padrão de linguagem hipertextual desenvolvida especificamente para celulares ou telefones móveis, e outros dispositivos com recursos limitados.

Trata-se de um tipo de documento XHTML definido pela Open Mobile Alliance. XHTML-MP é derivado do XHTML 1.1 Basic Profile, acrescentando Módulos XHTML, com novas versões do padrão acrescentando mais módulos.

Como ouvi falar recentemente sobre o XHTML-MP, estou procurando mais informações e conhecendo o padrão. Tendo mais informações postarei aqui. Caso tenha alguma informação sobre o assunto, convido-o para compartilhar.

Segue alguns links para você conhecer mais sobre o assunto:

Modo correto de mostrar tooltip em imagens

Encontrei este tutorial que aborda o assunto de tooltip em imagens. Ao contrário de que muitos acham, inclusive eu achava, é que o atributo alt incluída dentro da tag img já mostrava como tooltip. Porém o atributo alt tem a semântica de mostrar o texto que lhe foi atribuido em caso da imagem não ser carregada.

Então, o que deve ser feito para mostrar um tooltip em uma imagem? Simples, mantém o atributo alt para que, caso a imagem não seja carregada, mostre o alternate text. E, assim como se faz em links, adicionar o atributo title e atribuir o texto que se deseja como tooltip a esse atributo.

Modo errado de mostrar a tooltip:

<img src="http://imagem.png" alt="Texto mostrado quando a imagem não está disponível" />

Modo correto de mostrar a tooltip:

<img title="Texto do tooltip para esta imagem" src="http://imagem.png" alt="Texto mostrado quando a imagem não está disponível" />

Lembrando que, isso é somente para navegadores que resolveram esse “problema”.

Fonte: ALT and TITLE.

Descubra qual tecnologia que um site utiliza

Como você já deve ter imaginado, aqui vai uma dica de uma ferramenta que ao passar uma URL ela retorna as tecnologias usadas pelo site da respectiva URL.

A ferramenta mostra widgets (snap preview), ferramentas de estatísticas (Google, Nielsen), frameworks (.NET, Java), ferramentas de publicação (WordPress, Blogger), propaganda (DoubleClick, AdSense), padrões (XHTML,RSS), software para hospedagem (Apache, IIS, CentOS, Debian) e outras.

A proposta está em ajudar desenvolvedores, pesquisadores e designers encontrar quais tecnologias os sites estão usando, o que pode ajudá-los a decidir quais tecnologias a serem implementadas.

Aqui então vai o link: BuiltWith

Vale a pena conferir.

Powered by ScribeFire.