Internet Explorer – Tabela de compatibilidades com CSS

Publicado por Carlos | Publicado em Web Standards | 05-09-2008



ie7.jpgOlá pessoal, estamos aqui mais uma vez para passar informações importantes para os designs que com todo o esforço do mundo tentam amenizar os problemas de incompatibilidades do Internet Explorer com o CSS.

Eu já provei aqui o porquê da diferença de renderização do IE para os demais navegadores, inclusive o novo navegador da Google o Chrome que eu ainda estou estudando ele para falar sobre ele.

Mas voltando ao IE esta “maravilha“ que queima o nosso juízo na hora de projetar layout compatíveis com ele, quando ministro aulas de Web Standards os alunos sempre dizem que o IE é o “mais usado”, por outro lado eu digo que ele já vem instalado com o sistema operacional e para as pessoas que não conhecem outra opção de uso terminam usando o que tem.

Sem mais delongas o link com a tabela que a Microsoft desenvolveu para minimizar a nossa vida esta neste link: http://msdn.microsoft.com/en-us/library/cc351024(VS.85).aspx, a tabela contempla as versões do IE de 5 até a esperada versão 8 e no CSS vai até a versão mais atual que é CSS3 que ainda alguns navegadores não suportam plenamente, alias o navegador Safari suporta.

É isso!

Web Standards: Teste de seletores nos navegadores

Publicado por Carlos | Publicado em Web Standards | 14-07-2008



Olá pessoal em minhas pesquisas pela internet achei um teste bem interessante sobre a quantidade de seletores do CSS que os navegadores suportam.

Em uma série de dois artigos falando sobre seletores e sua importância para a criação de um design poderoso e eficaz abordamos os mais usados, até porque o navegador mais usado pelos usuários leigos que não são instruídos a mudar, não suporta quase nada da versão 3 do CSS.

Na versão 2 do CSS temos recursos que hoje são feitos a partir da aplicação de imagens, nada contra, mas na versão 3 do CSS já faz parte da linguagem, por exemplo, sombras(shadow) e cantos arredondados(corner) que todo designer consegue fazer de uma forma ou de outra, estou preparando uns exemplo da aplicação destes recurso.

Mas… Se você não está lembrado ou não leu ainda os artigos sobre seletores são eles: Tutorial CSS: Seletores I e Tutorial CSS: Seletores II, se você esta começando os seus estudos com CSS seria uma boa dar uma lida.

Eu fiz o teste em três navegadores que tenho instalado em minha máquina são eles o Firefox 3(claro), Internet Explorer 7(atualizado) e o Safari 3.1.2, os resultados seguem abaixo:

Firefox 3
De 43 seletores 36 passaram, com bag 0 e 7 não são suportadas (foram realizados 578 testes e 373 passaram).

Internet Explorer 7
De 43 seletores 13 passaram, com bag 4 e 26 não são suportadas (foram realizados 578 testes e 330 passaram).

Safari 3.1.2
De 43 seletores 43 passaram, com bag 0 e todos foram suportadas (foram realizados 578 testes e todos passaram).

Sem sobra de duvidas os desenvolvedores da Apple estão preocupados com as aplicações que rodam na internet com suas respectivas usabilidades, robustez e tempo de downloads mais rápidos. Para os que desenvolvem sistemas para web com um layuot bem feito não só no sentido estético, mas seguindo boas práticas de web standard.

O link para conferir o teste é esse: http://www.css3.info/selectors-test/test.html

É isso!