Design Blog - Blog de design gráfico, web design e universo freelancer.

Criativosfera - A comunidade restrita apenas aos melhores profissionais criativos

Web Design

Firefox cancelando uso de prefixos próprios

Por | 23 de setembro de 2010 | Tags: , , | 15 Comentários

Publicidade

Quem tá trabalhando com CSS3 sabe a dificuldade que é ter que usar prefixos próprios de alguns navegadores para criar efeitos novos. Com o lançamento do Firefox 4, a Mozilla informou que estava cancelando o uso do prefixo próprio para alguns efeitos.

Adeus -moz

Aqui mesmo no Design.Blog, uso bastante o prefixo -moz na hora de criar cantos arredondados (border-radius) e sombras (box-shadow) para que o efeito fique visível no Firefox. Além disto, ainda há os prefixos próprios para navegadores Webkit (Safari e Chrome) e Internet Explorer para mostrar alguns efeitos.

Afim de colaborar com a padronização do CSS3, a Mozilla anunciou esta semana que não será mais necessário o uso dos códigos -moz-border-radius e -mox-box-shadow para que cantos arredondados e sombras (respectivamente) sejam mostrados na nova versão do Firefox. Uma ótima notícia para os web designers que, para mostrar cantos arredondados nos diferentes navegadores, vão passar disto:


border:1px solid #D4D4D4;
-moz-border-radius: 6px; /* Firefox */
-khtml-border-radius: 6px; /* Konqueror */
-webkit-border-radius: 6px; /* Safari e Chrome */
-o-border-radius: 6px; /* Opera */
border-radius: 6px;

Para isto:


border:1px solid #D4D4D4;
border-radius: 6px;

(Assumindo que todos os novos navegadores passem a dar suporte ao código CSS3 homologado pela W3C).

Isto também significa que a folha de estilo CSS poderá ser validada pela W3C – que no momento, aponta erros ao utilizar os prefixos proprietários dos navegadores. E não é só a Mozilla que está prometendo cancelar a necessidade de uso dos prefixos: a Microsoft anunciou que o Internet Explorer 9 também irá cancelar alguns prefixos próprios.

Erros de validação no CSS

O Firefox 4 ainda está em fase beta 7, no entanto deve ser lançado até o final deste ano. O Internet Explorer não tem data específica para lançamento, mas acredita-se que seja em alguns meses.

O que você acha destas mudanças? Vão fazer alguma diferença no jeito que você programa ou você ainda nem usa os códigos do CSS3?


Quem leu isto também leu:

Gostou? Por favor, compartilhe!


Canha

Criador e editor-chefe do Design Blog, atualmente é web designer freelancer. Nerd desde pequeno, ama tudo relacionado a internet, é apaixonado por design e está na área a 11 anos.

Acesse seu site Siga no Twitter

Deixe seu comentário!

  • FilipeRitto

    Eu não uso o CSS3 ainda. Que bom que quando eu começar a usar ja vai estar facilitado. rs'

  • http://www.danilodw.com.br Danilo Traceur

    Nossa isso vai ser muito bom, além de deixar o código mais enxuto não vai ter o problema da validação da folha de estilo.

  • http://www.hotpress.com.br Daniel

    Maravilha! Menos linhas no css nosso de cada dia haha

  • http://benetti.blog.br Riccardo Benetti

    Vai reduzir e muito o peso do arquivo no final, mas ao invés de alguns deveriam de ser todos os códigos CSS3 compatíveis com o padrão da W3C e não usando prefixos.

    Eu já uso o CSS3 e HTML5 em meus sites e realmente vai ser bom poder atualizar.

  • http://twitter.com/webgenes Marcio Ferreira

    tudo depende do que o usuário estiver usando. Pode ser o caso de conditional comments. Até o uso de browsers se tornar homogênio

  • http://keeplearningblog.blogspot.com Davis

    É interessante notar que o uso dos prefixos NÃO foge ao padrão W3C para declaração de seletores e propriedades CSS.

    Desde o CSS 2 – e ainda permanente no CSS3 – o uso de prefixos é previsto. -moz, -webkit, -o, -khtml, -ms… tudo isso vem do padrão e não é errado usar (não gera código inválido).

    Se por um lado é válido usar propriedades com prefixos, do outro lado é uma baita chatice, porque temos que declarar a mesma coisa várias vezes.

    Mas não é preciso esperar o FF 4 para limpar algumas propriedades. Para falar a verdade, dos browsers atuais, o Safari, o Opera e o Chrome aceitam a declaração border-radius diretamente, sem prefixos. Apenas o FF 3.5+ precisa. o IE 8 e anteriores não suporta.

    O mesmo para box-shadow e text-shadow.

    Mas voltando na história dos prefixos… eles foram criados pela W3C justamente para essa fase beta da implementação das propriedades novas, como uma forma de suporte até o fabricante do navegador entrar em conformidade.

  • http://www.gemellaro.com.br Alexandre Gemellaro

    Infelizmente, vamos ter que continuar a usar os prefixos por um bom tempo, como acontece nos hacks para IEcas da vida. O usuário final, não tem o costume de atualizar o navegador e com isso, para que o site funcione perfeitamente em todos os navegadores, infelizmente, teremos que deixar nosso código sujo com os prefixos.

    PS: Canha vc digitou -mox-box-shadow e não -moz-box-shadow ;)

  • http://www.pedrodiaz.com.br Pedro Diaz

    Como o pessoal disse acima, essa mudança irá ajudar e muito na hora de criar o CSS, diminuindo código e o arquivo final. Ficar desenvolvendo código para cada browser não dá.
    Como o Alexandre disse acima, ainda tem a questão do usuário final que muitas das vezes não atualiza o navegador e somos nós que "dançamos" na hora de criar um site.

  • yogodoshi

    Já estava na hora né? Uma boa notícia ^^

  • http://marcelotorresweb.com Marcelo Torres

    Ufa! até que enfim

  • Diogo Lima

    A guerra dos Browsers começou a muito tempo, sempre foi uma grande dificuldade para o webdesigners ajustar estes detalhes em todos os navegadores, quem sabe agora todos os navegadores não passam a aceitar um padrão minimo.
    Uma boa saida e se atentar aos moteres de renderização em vez dos browsers.

  • http://barraponto.blog.br/ Capi /. Etheriel

    sass/compass resolve isso de uma maneira linda.

  • http://www.vintedois.com.br Shankar Cabus

    Quem já usa CSS3, como eu, isso vai facilitar bastante nossa vida. Era muito chato ficar usando moz, webkit… Espero apenas que agora todos os browsers sigam um padrão.