Termo pesquisado: HTML5

Posts encontrados: 3

09 Jul

Postado em:

Internet, Programação

Palavras Chave:

css3, internet explorer, vml, microsoft, border-radius

RSS:

Assinar.

CSS3 Funcionando no Internet Explorer

Postado em 09 de Julho de 2010, às 12:33

Olá pessoal!

No post anterior eu escrevi um pouco sobre como podemos nos usufruir dos recursos do HTML5 no Internet Explorer, veja o post: HTML 5 Funcionando no Internet Explorer. Já neste post, escrevo um pouco sobre como aproveitar os novos recursos do CSS3 também no Internet Explorer nas versões 6, 7 e 8.

Todos sabemos que o Internet Explorer não acompanha com a mesma velocidade que seus concorrentes as tendências tecnológicas da web. Portanto, precisamos utilizar algumas "gambiarras" para fazer algo novo funcionar no Internet Explorer.

Existem três recursos do CSS3 que realmente valem a pena poder utilizar no IE, são eles: border-radius (a melhor das três), box-shadow e text-shadow.

Para conseguir essa façanha, precisamos utilizar um script que habilita o IE a renderizar estes efeitos. Eu encontrei esse script na web e geralmente ele se chama ie-css3.htc.

O que esse script faz? Ele utiliza uma linguagem de criação de imagens vetoriais específica do IE, o VML (Vector Markup Language). O VML foi o precursor do SVG e foi proposto para o W3C por um consórcio de empresas (Autodesk, Hewlett-Packard, Macromedia, Microsoft, e Visio) em 1998. Mas, somente a Microsoft o utiliza até hoje em seu browser.

Com o VML, o IE é capas de reproduzir efeitos que sua implementação do CSS não consegue.

Veja como é fácil usar:

Legal, não é mesmo? Pois bem, eu não inventei este post eu apenas o traduzi do seguinte site http://fetchak.com/ie-css3/. Neste mesmo site você pode ver a classe .box do CSS acima em funcionamento e ainda pode também baixar o arquivo ie-css3.htc.

Faça o teste usando o IE de qualquer uma das versões 1, 2 e 3. Eu testei aqui com IE8 e funcionou legal.

Até mais pessoal. Deixem comentários, por favor.

03 Jun

Postado em:

Programação

Palavras Chave:

HTML5, Internet Explorer, Javascript, css, tag

RSS:

Assinar.

HTML 5 Funcionando no Internet Explorer

Postado em 03 de Junho de 2010, às 20:07

Olá pessoal!

Todo bom desenvolvedor web já conhece pelo menos uma grande novidade que o HTML5 traz para nós. Da mesma forma, todos sabem que o Internet Explorer não reconhece as novas tags do HTML5.

Mas, já existe uma solução em javascript para este problema. Basta acrescentar este código na tag <head> da sua página. O código abaixo deve, obrigatoriamente, vir antes de qualquer script CSS do seu site:

Se preferir, acesse o site do projeto http://code.google.com/p/html5shiv/.

Quero aproveitar o ensejo deste artigo (gastei meu português agora!) para mostrar uma curiosidade sobre o IE, na verdade, é graças a esta peculiaridade que foi possível desenvolver o HTML 5 shiv.

Veja o código abaixo:

Se tentarmos abri-lo no IE, o navegador da Microsoft não vai aplicar os efeitos (CSS) na tag <time>, veja o screenshot abaixo:

Teste com HTML5

Agora veja o código abaixo, ele soluciona o problema do IE não reconhecer a tag <time> utilizando javascript para adicionar a tag ao DOM. Ao fazê-lo, o IE se vê obrigado a renderizar uma tag que não reconhecia com os efeitos definidos no seu código CSS.

Desta forma podemos trabalhar com HTML5 naturalmente no IE. Veja o resultado no screenshot abaixo:

Teste com HTML5

Até mais pessoal, espero ter ajudado alguém com essa dica.

14 Mar

Postado em:

Diversos, Internet

Palavras Chave:

Leonardo Moreira, blog, amigo, web designer, programador

RSS:

Assinar.

Blog do Leonardo Moreira no Cristiano Luminati

Postado em 14 de Março de 2010, às 14:59

Ele é Web designer, entende muito de programação com XHTML e até do futuro, mas já presente HTML5, não conheço ninguém melhor que ele para criar código CSS e já embarcou na nova onda do CSS3. Vem pesquisando muito sobre FLEX e novos recursos para PHP (uma de suas paixões na minha opinião). Tem um ótimo senso crítico, é criativo, ama a aviação, e é um entusiasta do marketing inteligente e de boa qualidade.

Todas estas qualidades são de um grande amigo que conheci em uma época conturbada na minha vida profissional. Ele possui um blog novo e resolvi adicioná-lo à minha seleta lista de blogs que realmente adoro e recomendo.

O nome dele é Leonardo Moreira e seu blog é: leonardomoreira.com.br.