CSS3 - O que realmente mudou

10
CSS3 O que mudou para nós? por Diego Eis http://tableless.com.br / http://visie.com.br/ @diegoeis @tableless

description

O que realmente mudou com a vinda do CSS3? CSS não serve apenas para pintar quadradinhos no layout.

Transcript of CSS3 - O que realmente mudou

Page 1: CSS3 - O que realmente mudou

CSS3O que mudou para nós?

por Diego Eis

http://tableless.com.br/

http://visie.com.br/

@diegoeis

@tableless

Page 2: CSS3 - O que realmente mudou

O NOVO desenvolvedor client-side

Page 3: CSS3 - O que realmente mudou

Formatar o conteúdo. Não importa como ele seja servido.

CSS Aural por exemplo, “formata” a voz dos leitores de tela.

O CSS serve pra portar o conteúdo para diversos meios de acesso. Alguns meios de acesso:

Leitores de Tela, Mobiles, Tablets, Tvs, Impressoras, Impressoras Braille, e qualquer

outro dispositivo que possa acessar informação.

PARA QUE SERVE O CSS?

Page 4: CSS3 - O que realmente mudou

Não se foque no Navegador, se foque no Motor de Renderização.

Os navegadores são muitos, motores de renderização apenas alguns.

COMPATIBILIDADE

Page 5: CSS3 - O que realmente mudou

mudanças do CSS3O Desenvolvimento do CSS é modular.

Antes tínhamos que esperar muito tempo para usar novidades.

Hoje podemos utilizamos as novidades imediatamente.

Page 6: CSS3 - O que realmente mudou

mudanças do CSS3O CSS faz parte da terceira camada de

desenvolvimento

Antes o Javascript era responsável pelo comportamento dos elementos.

Hoje o CSS divide esse trabalho.

Page 7: CSS3 - O que realmente mudou

O CSS não serve mais para pintar quadradinhos no layout

Antes você aumentava o tamanho da letra, escolhia cores de background e letra, borda e etc.

Hoje você controla animação, transparência, sombras e principalmente, controla a

portabilidade do visual do site para diversos meios de acesso.

MUDANÇAS DO CSS3

Page 8: CSS3 - O que realmente mudou

Novas propriedades• box-shadow• text-shadow• animation / transition• rgba• border-radius• columns• media-queries• @font-face• entre outras.

Essas são propriedades simples que ajudam o designer a corrigir e elaborar layouts mais precisos e interessantes com CSS.

Contudo, há propriedades como a keyframes, transitions, transforms e etc, que ajudam o desenvolvedor a dar mais interatividade ao website/sistema.

Page 9: CSS3 - O que realmente mudou

alguns Exemplos

Page 10: CSS3 - O que realmente mudou

Obrigado!DIEGO EIS

http://tableless.com.br/

http://visie.com.br/

@diegoeis

@tableless