Jvchequer 63 Postado Setembro 23, 2010 Share Postado Setembro 23, 2010 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. 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? Ajude o Design Blog! Vote em nós no prêmio Top Blog 2010! Não custa nada e demora menos de dois minutos! Artigos relacionados O que clientes esperam que web designers saibam Cantos arredondados para qualquer navegador Como criar cantos arredondados com CSS3 10 coisas legais que poderemos fazer assim que o IE6 morrer Como lidar com projetos web? Parte 2 </img> </img> </img> View the full article Link para o comentário Compartilhar em outros sites More sharing options...
Posts Recomendados