O documento discute as vantagens do HTML5, incluindo armazenamento local, melhor experiência do usuário, geolocalização, semântica, acessibilidade, formulários e multimídia. Também menciona novas APIs JavaScript, tags HTML, seletores CSS e efeitos visuais como animações 2D/3D. Recomenda seguir especialistas em frontend no Twitter para aprender mais sobre desenvolvimento web.

1. por Fellipe Cicconi
html 5
à prova do futuro

2. Introdução

3. Um mundo de pontas
“world of ends” por Doc Searls and David Weinberger
Ninguém é dono
Todos podem usá-la
Qualquer um pode melhorá-la
[…] perfeita antítese de como governos e organizações veem o mundo!
http://www.worldofends.com

4. Mas... quem é o Interfacer?
aka frontend developer, webdeveolper, pasteleiro, etc.
Estrutura, Estilo, Comportamento, Acessibilidade, Portabilidade, Integração

8. http://www.slideshare.net/benschwarz/building-a-better-web

9. Progressão dialética do HTML
2005: Google levanta uma estimativa sobre
elementos e classes mais utilizadas na web.
http://code.google.com/intl/pt-BR/webstats/2005-12/classes.html

10. HTML5 ~= HTML + CSS + JS APIS
http://slides.html5rocks.com/#slide4

11. JS APIS
querySelectorAll('ul li:nth-child(odd)')
Web Storage
Web SQL Database
Cache da aplicação
Drag and Drop
Geolocation

12. HTML
Releitura da semântica (novas tags!)
Mais detalhes para descrever links
Microformatos
Atributos de acessibilidade para RIA (ARIA)
Formulários reloaded!
Audio + Video
Canvas + SVG

13. CSS
novos seletores
suporte nativo a web-fonts
colunas!
bordas arredondadas, transparência
sombras, gradientes e rotação
animação, transições 2D e transformações
3D
múltiplos backgrounds

14. Benefícios imediatos do uso de
HTML5 em seus novos projetos:
Armazenamento local
User Experience
Geolocalização
Semântica
Acessibilidade
Formulários
Multimídia
Tipografia
Efeitos visuais (2D,
3D)
Animações

15. Siga-os!
@paul_irish - Paul Irish: Chrome, html5boilerplate
@t - Tantek Çelik: Technorati, Microformats, CSS WG
@slicknet - Nicholas Zakas: Yahoo!, YUI, vários livros
@ppk - Peter-Paul Kosh: quirksmode.org
@jeresig - John Resig: jQuery guru
@KuraFire - Faruk Ateş: modernizr
@benschwarz - Ben Schwarz: W3C contributor
twitter.com/liperuf/frontend-dev/members

16. Siga-nos! see ya
@GonowTecnologia
@liperuf

17. This work is licensed under a Creative Commons Attribution-NonCommercial-NoDerivs 2.5 License.
Esta obra está licenciada sob uma Creative Commons Attribution-NonCommercial-NoDerivs 2.5 License.
creative commons
Download em http://slideshare.net/liperuf/html5-fatec-nov2010