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
Fundos
  • background-origin
  • background-clip
  • background-size
  • fazer camadas com múltiplas imagens de fundo
Cor
  • cores HSL
  • cores HSLA
  • cores RGBA
  • Opacidade
Texto
  • text-shadow
  • text-overflow
  • Ruptura de palavras longas
Interface
  • box-sizing
  • resize
  • outline
  • nav-top, nav-right, nav-bottom, nav-left
Seletores
  • Seletores por atributos
Modelo de caixa básico
  • overflow-x, overflow-y
Outros
  • media queries
  • criação de múltiplas colunas de texto
  • propriedades orientadas a discurso ou leitura automática de páginas web
  • Web Fonts
EM BREVE TUTORIAS .

HTML A EVOLUÇÃO Parte 1

HTML 5 A EVOLUÇÃO DA AGUÁ PARA O VINHO.

O HTML não é uma linguagem de programação como muita gente pensa. HTML é uma linguagem de marcação. Isso quer dizer que sozinha ela não é capaz de criar ou alterar conteúdo. Ela está ali somente para ajudar a organizar o conteúdo na tela. Não deixa de ser uma forma de diagramação de hipertextos. O que faz com que o HTML tenha dinamismo é basicamente o Javascript e a formatação do conteúdo é provido pelo CSS.

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.