E ae galera como vo?

Vou deixar aqui minhas primeiras impresses sobre o Css3 e sobreas melhorias que ja estou comeando a testar e as que espero que ele possua. Um dos grandes avanos para o web design ao meu ver hoje que deveriam ser integrados aos Css3 so as aplicaes de: sombras, bordas arredondas, fontes e degrades.

Digo isso, pois construo meus layouts da seguinte forma. Para aplicar uma fonte que esta fora do padro eu geralmente utilizo imagem, pois acredito que o leitor do meu site, no tem que ter a obrigao de ter a fonte instalada, fazer o download da mesma e instalar em seu computador. Porm lendo uma revista chamada revista W (www.europanet.com.br) vi a soluo para este problema. Eles indicaram uma ferramenta online chamada @font-face Generator (fontsquirrel.com/fontface/generator) que gera um cdigo css para que voc possa colocar em seu site sem ter que se preocupar se o leitor de seu site possui ou no a fonte, se vai quebrar ou no. Esta ferramentinha ja me diminuiria algumas imagens, ou embelezaria mais meus layouts pois geralmente uso as famosas, arial, serif, sans serif, times para meus layouts para eu no ter a preocupao que citei acima. Outra coisa que geralmente nos obriga a usar imagens so as famosas sombras, que utilizando algum editor de imagens como photoshop, fireworks voc coloca em imagens que se transformararo em boxes de contedo, em fontes com sombras para que a aparencia seja mais agradvel. Porm nosso problema resolvido com o Css3, que usando os comandos text-shadow para texto e -moz-box-shadow, -webkit-box-shadow, box-shadow para os boxes. Isso ja nos poupa mais algumas imagens, e tornar nosso site mais leve. Falando em boxes, ainda temos os problemas com bordas arredondadas, que alm do problema com imagens, principalmente nos inputs dos formulrios que temos q inventar formas para que a imagem no corra durante a insero de contedo na input. O Css3 mais uma vez vem nos salvar, usando os comandos -moz-border-radius, border-radius, que cria bordas arredondas facilmente colocando apenas a quantidade de pixels para o tamanho do arredondamento. Isso nos pouparia mais imagens a serem colocadas no nosso site para cuidar de layouts. Mais um motivo que nos fora a criarmos imagens so os degrades, que colocamos em cabealhos de boxes, backgrounds de boxes ou das pginas, mas mais uma vez nosso Css3 vem para nos salvar utilizando os comandos, -moz-linear-gradient, -moz-radialgradient e -webkit-gradient. Ainda tem uma tcnica cujo o qual voc cria uma nica imagem com todas as imagens de botes, logos e cones e por meio de "mapeamento" de imagem, onde voc passar a posio do cone na imagem. Esta tcnica usada pelo google e por muitos outros sites.

Se voc clicar com o boto esquerdo em cima da logo do google e mandar exibi-la, ver que no uma nica imagem e sim vrias que esto sendo mapeadas para exibir a imagem correta ao usurio. Ainda no aprofundarei as sintaxes exatas dos comandos, apenas estou falando alguns dos recursos existentes para facilitar o desenvolvimento de um web site. Nos prximos artigos explorarei mais as sintexes destes comandos que acho primordial para um bom desenvolvimento.