sexta-feira, 25 de junho de 2010
quarta-feira, 23 de junho de 2010
CSS3 Parte 1
O que é CSS
CSS é uma linguagem para definir o estilo ou a aparência das páginas web, escritas com HTML ou dos documentos XML. CSS se criou para separar o conteúdo da forma, ao mesmo tempo que permite aos designers manter um controle muito mais preciso sobre a aparência das páginas.
Com CSS3, mais controle sobre a forma
O objetivo inicial de CSS, separar o conteúdo da forma, se cumpriu já com as primeiras especificações da linguagem. Entretanto, o objetivo de oferecer um controle total aos designers sobre os elementos da página foi mais difícil de cobrir. As especificações anteriores da linguagens tinham muitas utilidades para aplicar estilos às webs, porém os desenvolvedores ainda continuam usando truques diversos para conseguir efeitos tão comuns ou tão desejados como as bordas arredondadas ou a sombra de elementos na página.
CSS 1 já significou um avance considerável na hora de desenhar páginas web, trazendo muito maior controle dos elementos da página. Porém, como ainda ficaram muitas coisas que os designers desejavam fazer, mas que CSS não permitia especificar, estes deviam fazer uso de truques para o design. O pior destes truques é que muitas vezes implica alterar o conteúdo da página para incorporar novas etiquetas HTML que permitam aplicar estilos de uma maneira mais elaborada. Dada à necessidade de mudar o conteúdo, para alterar o desenho e fazer coisas que CSS não permitia, estava-se acabando com algum dos objetivos para os que CSS foi criado, que era o de separar por completo o conteúdo da forma.
CSS 2 incorporou algumas novidades interessantes, que hoje já utilizamos habitualmente, porém CSS 3 ainda avança um pouco mais na direção, de dar mais controle sobre os elementos da página.
Sendo assim, a novidade mais importante que traz CSS 3, para os desenvolvedores de webs, consiste na incorporação de novos mecanismos para manter um maior controle sobre o estilo com o qual se mostram os elementos das páginas, sem ter que recorrer a truques ou hacks, que a muitas vezes complicavam o código das webs.
CSS3 Parte 2
Propriedades novas em CSS3
Segue aqui uma lista das principais propriedades que são novidade em CSS3.
Bordas
- border-color
- border-image
- border-radius
- box-shadow
- background-origin
- background-clip
- background-size
- fazer camadas com múltiplas imagens de fundo
- cores HSL
- cores HSLA
- cores RGBA
- Opacidade
- text-shadow
- text-overflow
- Ruptura de palavras longas
- box-sizing
- resize
- outline
- nav-top, nav-right, nav-bottom, nav-left
- Seletores por atributos
- overflow-x, overflow-y
- media queries
- criação de múltiplas colunas de texto
- propriedades orientadas a discurso ou leitura automática de páginas web
- Web Fonts
HTML A EVOLUÇÃO Parte 1
Resumindo bem, o Javascript é a linguagem que utilizamos para fazer qualquer tipo de interação com o HTML e CSS. O trabalho do Javascript manipulando CSS e HTML é o que nos dá hoje incríveis aplicações para Internet sem a necessidade de plugins como o Flash, Silverlight ou JavaFx. Porém o HTML4 é uma linguagem muito antiga. Já tem mais de 10 anos desde sua última atualização e convenhamos que a Internet mudou demais nessa década que passou. Ela tornou-se limitada e obsoleta para apresentar o conteúdo que a internet demanda hoje em dia.