CSS3 e o que você já pode testar no Firefox 3.1b3(shiretoko)
Lendo o post sobre o “CSS3 Panel Slides from SXSWi” no blog da Molly E. Holzschlag, achei interessante dar uma olhada também no material das pessoas envolvidas no “panel”, então, gostaria de compartilhar alguns pontos interessantes sobre eles.
Para quem quiser baixar o Mozilla Firefox 3.1 BETA3 basta acessar o link abaixo – aproveite e baixe a versão em Português do Brasil
:
http://www.mozilla.com/en-US/firefox/all-beta.html
Lembrando que o Mozilla Firefox 3.1 BETA 3 é apenas para testes ainda.
- opacity and rgba() – A possibilidade de aplicar opacidade nos objetos com RGBA;
- border-image – Com CSS3 será possível colocar multiplas bordas com imagem, facilitando a aplicação de bordas arredondadas em objetos, por exemplo;
- Columns – Dividir o texto de um objeto em colunas, sem ter que colocar cada parte do texto em um objeto e depois utilizar a propriedade “float”, por exemplo;
- text-shadow – Essa propriedade vai ajudar muito a diminuir a quantidade de imagens colocadas como titulos, por exemplo, já que hoje, quando precisamos desse efeito, recortamos o texto como uma imagem e aplicamos no HTML/CSS uma técnica chamada de Image-Replacement, para ter um efeito como o do text-shadow;
- box-shadow – Mais uma propriedade que ira facilitar muito o desenvolvimento de interface web, pois hoje, temos que colocar uma imagem de fundo no objeto para obter esse, e isso causa um problema, se não for bem implementado, pode não deixar a box flexivel o bastante, mas com a propriedade box-shadow, esse problema será quase nulo, e também diminue o problema de performance, já que se essa imagem for colocada via CSS(o que é o normal de se fazer) gera uma requisilção HTTP a mais no site;
- border-radius – Borda arredondada em objetos sem pre é um problema na hora de desenvolver o site, mas com essa propriedade CSS3, essa tarefa também ficara mais fácil;
- word-wrap: break-word – Essa opção é interessante, pois mantem a semantica do (x)HTML, sem precisar de um </br> (elemento de quebra de linha), por exemplo;
- transform – uma das opções da propriedade “transform” será a opção “rotate”, que rotaciona um objeto;
Essas são só algumas das novidades que estarão disponiveis na implementação de CSS3 nos browser novos.
Mas, como toda nova tecnologia baseada nos browser tem uma propagação muito demorada, como porgo exemplo, a demora na adoção de um browser mais novo, isso lembrando da utilização do IE6 por muitas pessoas ainda. Acredito que muitos dos desenvolvedores web ainda vão demorar para utilizar essas novas implementações, já que, uma das preocupações quando se fala de desenvolvimento web, é de que todos que acessam a página, independente de qual browser esteja usando, deve ter acesso normal.
Por tanto, aproveito para lembrar que há uma campanha para conscientizar os usuários de IE6 a fazerem a atualização do seu browser, não importando qual sejá ele, Mozilla Firefox, Opera, Safari, Google Chrome ou Internet Explorer 7/8.
Para quem quiser participar da campanha nacional “Atualize seu Browser”, basta acessar o link abaixo:
http://imasters.uol.com.br/crossbrowser/pt-br/
Desenvolvimento Web, acessiblidade, css, firefox, mozilla, openSource