Encurte e Ganhe! CPM de € 5,00 (CINCO EUROS OU MAIS!)

MAIS BAIXADOS DA SEMANA

Avise-nos através dos comentários

quarta-feira, 4 de fevereiro de 2015

Entendendo um pouco mais CSS3

,


O CSS3 é o mais novo tipo de código para designs de sites e um incrível dependente do HTML. O CSS, como sua função oficial, formata as informações entregue pelo HTML. Essa informação pode ser qualquer coisa: imagem, texto, vídeo, áudio ou qualquer outro elemento criado pelo HTML. Grave uma coisa: CSS formata a informação.

Essa formatação na maioria das vezes é visual, mas não necessariamente. No CSS Aural, acontece uma manipulação de áudio entregue ao visitante pelo sistema de leitura de tela, que também controla volume, profundidade, tipo da voz ou em qual das caixas de som a voz sairá. De certa forma você está formatando a informação que está em formato de áudio e que o visitante está consumindo ao entrar no site utilizando um dispositivo ou um sistema de leitura de tela. O CSS prepara essa informação para que ela seja consumida da melhor maneira possível.

O HTML5 trouxe poucas novidades para os desenvolvedores client-side. Basicamente foram criadas novas tags, o significado de algumas foi modificado e outras tags foram descontinuadas. As novidades interessantes mesmo ficaram para o pessoal que conhece Javascript. As APIs que o HTML5 disponibilizou são sem dúvida uma das features mais aguardadas por todos estes desenvolvedores. Diferentemente do CSS3 que trouxe mudanças drásticas para a manipulação visual dos elementos do HTML.

Com o CSS que nós conhecemos podemos formatar algumas características básicas: cores, background, características de font, margins, paddings, posição e controlamos de uma maneira muito artesanal e simples a estrutura do site com a propriedade float.

Você deve pensar: “mas com todas as características nós conseguimos fazer sites fantásticos, com design atraente e com a manutenção relativamente simples”. E eu concordo com você, porque também penso assim e normalmente tento fazer isso com meu blog, mas outras características que nós não temos controles e dependemos de:

1º) Algum programa visual como o Photoshop para criarmos detalhes de layout e planos de fundo;

2º) Javascript para tratarmos comportamentos ou manipularmos elementos específicos na estrutura do HTML;

3º) Estrutura e controle dos elementos para melhorarmos acessibilidade e diversos aspectos do SEO (como acontece hoje em dia para sermos indexados em mecanismos de pesquisa);

Com as atualizações do CSS3 e com os browsers atualizando o suporte do CSS2.1, nós entramos em patamar onde sem dúvida o CSS é a arma mais poderosa para o designer web. Segue uma pequena lista dos principais pontos que podemos controlar nesse novo patamar:

1º) selecionar primeiro e último elemento;

2º) selecionar elementos pares ou ímpares;

3º) selecionarmos elementos específicos de um determinado grupo de elementos;

4º) gradiente em textos e elementos;

5º) bordas arredondadas;

6º) sombras em texto e elementos;

7º) manipulação de opacidade;

8º) controle de rotação;

9º) controle de perspectiva;

10º) animação;

11º) estruturação independente da posição no código HTML;

É agora que começa diversão ao formatar sites com CSS3! 

0 comentários to “Entendendo um pouco mais CSS3”

Postar um comentário

LinkWithin

Related Posts Plugin for WordPress, Blogger...