Termo pesquisado: css3

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.

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.

11 Jul

Postado em:

Internet, Tecnologia

Palavras Chave:

Acid3, W3C, Padroes Web, Web Standarts, teste

RSS:

Assinar.

Compatibilidade dos Browsers com os Padrões Web Definidos Pela W3C

Postado em 11 de Julho de 2009, às 20:40

Olá pessoal!

No meu último post (Qual Framework Javascript devo usar?), fiz um teste com cinco frameworks javascript em sete browsers diferentes. Por meio desta pesquisa chegamos a um fato curioso, o terrível desempenho de todos os frameworks nos navegadores da Microsoft (IE7 e IE8).

Sendo assim, neste post vou mostrar os resultados de um teste que realizei em uma ferramenta web de testes de compatibilidade. Mas, antes quero explicar um pouco sobre o Acid3, que é a ferramenta utilizada no teste, é importante conhecer a ferramenta ou não será possível entender os resultados que mostrarei neste post.

O Acid3 é uma suíte de teste de compatibilidade com padrões web (Web Standards) W3C com navegadores com 100 diferentes tipos de testes.

Esse teste tem um nível muito alto de exigências para os navegadores (browsers) em comparação com o seu antecessor - Acid2. A sua escala vai de 1 a 100.

Em 26 de Março de 2008, o Opera foi o primeiro navegador a atingir a marca dos 100/100 no teste acid3. Porém no mesmo dia foi anunciado que o Webkit do Safari em desenvolvimento conseguiu também com sucesso atingir a escala 100.

O que é testado nesta suíte? Veja abaixo:

  • DOM2 Core
  • DOM2 Events
  • DOM2 HTML
  • DOM2 Range
  • DOM2 Style (getComputedStyle, …)
  • DOM2 Traversal (NodeIterator, TreeWalker)
  • DOM2 Views (defaultView)
  • ECMAScript
  • HTML4 (<object>, <iframe>, …)
  • HTTP (Content-Type, 404, …)
  • Media Queries
  • Selectors (:lang, :nth-child(), combinators, dynamic changes, …)
  • XHTML 1.0
  • CSS2 (@font-face)
  • CSS2.1 (’inline-block’, ‘pre-wrap’, parsing…)
  • CSS3 Color (rgba(), hsla(), …)
  • CSS3 UI (’cursor’)
  • data: URIs
  • SVG (SVG Animation, SVG Fonts, …

Agora que você já sabe um pouco sobre o Acid3, veja abaixo um gráfico com os resultados dos testes que realizei:

O teste foi realizado duas vezes em cada browser (apenas para garantir, pois este não é um teste de performance), notem que utilizei os mesmo navegadores utilizados para testar os frameworks javascript no post supracitado.

Como podemos ver, CLARAMENTE, o IE7 e IE8 não conseguem realizar nem metade das 100 tarefas de compatibilidade sugeridas pelo Acid3. O Opera 9.64 ficou um pouco abaixo da média dos outros browsers, mas isso não será um problema por muito tempo, pois provavelmente ele será descontinuado assim que for lançado o Opera 10 final. Somente o Firefox vai ficar devendo no que diz respeito a compatibilidade.

"E os internautas e até alguns desenvolvedores inescrupulosos ainda preferem o Internet Explorer!"

Obs.: Algumas partes deste post foram formuladas com base no site de pesquisas wikipedia.org.