html5 e css3 - a nova novidade

Sunday, October 14, 12

HTML5 E CSS3a nova novidade.

DIEGO EIS@diegoeis @tableless tableless.com.br


web como plataformaA web servia para visitarmos sitezinhos.

Hoje: we have the power


HTML5revigorando o velho


o que realmente é HTML5?

HTML5 ainda continua sendo HTML, só que agora ele é tipo RedBull: te dá asas.


novas tagsorganização e significado = semântica


div#cabecalho

div#containerdiv#sidebar div#pub

div#rodape

div#pub


header#cabecalho

section#containeraside#sidebar div#pub

footer#rodape

aside#pub


mais tagsarticle, nav, tel, time, figure, figcaption e mais

Novos inputs, novos atributos, data-*


e o div?perdeu playboy!


tags em browsers antigosuse MODERNIZR

http://modernizr.com




novas APIspermissões para brincar com o Javascript


gráficossvg e canvas


multimediaáudio e vídeo


offline storagelocalStorage, IndexedDB, File API


conectividadeweb sockets e server-sent events


Integração e performanceweb workers e ajax


acesso ao dispositivoacesso ao gps, camera, microfrone etc


CSS3coisa linda de Deus


antespintávamos quadradinhos


hojesomos DEUSES, véi...


animaçõestransition, animation e keyframes


sombrasem elementos e em textos


gradienteseu falei GRADIENTES! Diga: AMÉM, irmão!


media queriescomo a informação será vista em diversos meios

de acesso.


o problema do floatfloat quem?

leia sobre as especificações de template layout e grid layout


3Ddesse jeito eu vou chorar


e os browsers antigos?véi, ainda essa história?


e você?vacila para ver...


AMPLEXOSObrigado!

DIEGO EIS@diegoeis@tableless


Technology