O documento discute as principais mudanças trazidas pelo HTML5, incluindo novas tags semânticas que melhoram a compreensão do código, novas APIs que permitem acesso a mídia e arquivos, e recursos gráficos avançados. O CSS3 também é abordado, com novos recursos como animações, sombras, gradientes e media queries que melhoram a experiência do usuário.
7. HTML5 É TOP NA BALADA!
O que realmente é html5?
8.
9. Semantics
Dando significado as coisas, é a grande
mudança que o html5 nos traz. Introdução de
tags que melhoram a compreensão do código
para o browser,
leitores e robôs.
10.
11.
12. Tags e mais tags...
# title , nav, time, figure, tel, novos inputs, novos atributos data.
17. Multimedia
Você pode acessar, controlar e manipular dados de
linha do tempo e estados de rede dos arquivos. Com
os futuros acréscimos às APIs você poderá ler e
gravar dados brutos em arquivos de áudio (API
Audio Data) ou manipular legendas em vídeos (API
Timed Track). Porém, o verdadeiro poder desses
novos elementos HTML aparece quando eles são
combinados com outras tecnologias do web stack,
seja Canvas, SVG, CSS ou mesmo WebGL.
18. 3D, Graphics & Effects
Com a adição de tecnologias como o elemento
canvas, Web GL e imagens SVG, não é mais assim!
Na verdade, existem muitos novos recursos que lidam
com gráficos na web: Canvas 2D, WebGL, SVG,
transformações CSS 3D e SMIL.
19. Offline & Storage
“Web apps" podem ser inicializados de forma mais
rápida e funcionar mesmo sem conexão com a
internet, graças ao HTML5 app Cache, além das
especificações de Local Storage, Indexed DB e
File API.
20. PERFORMANCE & INTEGRATION
Deixe seu Web App e o conteúdo dinâmico da web
mais rápido com várias técnicas e tecnologias,
como Web Workers e XMLHttpRequest 2.
Nenhum usuário deveria esperar por você!
21. Conectivity
Conectividade mais eficiente significa mais chats
em tempo real, jogos mais rápidos e melhor
comunicação. Web sockets e Eventos enviados pelo
servidor estão empurrando (pushing) dados entre o
cliente e o servidor de forma mais eficiente do que
nunca.
22. Device Access
Com a API de geolocalização os Web Apps podem
ter experiências e diferenciais ricos, independete do
dispositivo.
Inovações incríveis em acesso aos dispositivos
estão sendo desenvolvidas: de áudio e vomo meio
de entrada de dados até dados locais!
29. Super poderes...
Animações - Transition, animation, keyframes!
Sombras – Em elementos e textos.
Gradientes – Agora vai!
30. Super poderes...
Animações - Transition, animation, keyframes!
Sombras – Em elementos e textos.
Gradientes – Agora vai!
Media queries – Pensando no usuário...
44. “Espero que vocês não sejam medrosos e abusem da Plataforma
Aberta da Web. Só assim a tecnologia vai avançar e atingir a todos
igualmente e democraticamente. Plante a coragem de ter coragem
e não o medo que torna as pessoas reféns.”
Clécio Bachini / IMASTER
46. “O futuro da Internet está nas pessoas, na experiência que elas tem.
Não adianta nada usar qualquer tecnologia top de linha, se elas não tem boa
experiência com o seu projeto. HTML5 tá ai para mostrar toda sua magia,
graças as pessoas...”
Edmo Jeová
47. Referências:
Diego Eis (Locaweb) - http://tableless.com.br/
Daniel Filho (BrasilJS / Netshoes) - http://zofe.com.br/
Zeno Rocha (BrasilJS / Zofe) - http://zenorocha.com/
Bernard de Luna (COW / BrasilJS ) - http://bernarddeluna.com/
Livros:
HTML5 e CSS3: Domine a web do futuro
futuro.
Lucas Mazza (Casa do Codigo)
HTML5: A linguagem de marcação que revolucionou a web.
Maujor (Maurício Samy Silva) (http://www.maujor.com/)
CSS3 - Desenvolva aplicações web profissionais com o uso
dos poderosos recursos de estilização das CSS3.
CSS3
Maujor (Maurício Samy Silva) (http://www.maujor.com/)