por Fellipe Cicconi
html 5
à prova do futuro
Introdução
Um mundo de pontas
“world of ends” por Doc Searls and David Weinberger
Ninguém é dono
Todos podem usá-la
Qualquer um pode ...
Mas... quem é o Interfacer?
aka frontend developer, webdeveolper, pasteleiro, etc.
Estrutura, Estilo, Comportamento, Acess...
http://www.slideshare.net/benschwarz/building-a-better-web
Progressão dialética do HTML
2005: Google levanta uma estimativa sobre
elementos e classes mais utilizadas na web.
http://...
HTML5 ~= HTML + CSS + JS APIS
http://slides.html5rocks.com/#slide4
JS APIS
querySelectorAll('ul li:nth-child(odd)')
Web Storage
Web SQL Database
Cache da aplicação
Drag and Drop
Geolocation
HTML
Releitura da semântica (novas tags!)
Mais detalhes para descrever links
Microformatos
Atributos de acessibilidade par...
CSS
novos seletores
suporte nativo a web-fonts
colunas!
bordas arredondadas, transparência
sombras, gradientes e rotação
a...
Benefícios imediatos do uso de
HTML5 em seus novos projetos:
Armazenamento local
User Experience
Geolocalização
Semântica
...
Siga-os!
@paul_irish - Paul Irish: Chrome, html5boilerplate
@t - Tantek Çelik: Technorati, Microformats, CSS WG
@slicknet ...
Siga-nos! see ya
@GonowTecnologia
@liperuf
This work is licensed under a Creative Commons Attribution-NonCommercial-NoDerivs 2.5 License.
Esta obra está licenciada s...
HTML5 na FATEC - novembro 2010
HTML5 na FATEC - novembro 2010
HTML5 na FATEC - novembro 2010
Próximos SlideShares
Carregando em…5
×

HTML5 na FATEC - novembro 2010

893 visualizações

Publicada em

Publicada em: Tecnologia, Design
0 comentários
1 gostou
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
893
No SlideShare
0
A partir de incorporações
0
Número de incorporações
3
Ações
Compartilhamentos
0
Downloads
24
Comentários
0
Gostaram
1
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

HTML5 na FATEC - novembro 2010

  1. 1. por Fellipe Cicconi html 5 à prova do futuro
  2. 2. Introdução
  3. 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. 4. Mas... quem é o Interfacer? aka frontend developer, webdeveolper, pasteleiro, etc. Estrutura, Estilo, Comportamento, Acessibilidade, Portabilidade, Integração
  5. 5. http://www.slideshare.net/benschwarz/building-a-better-web
  6. 6. 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
  7. 7. HTML5 ~= HTML + CSS + JS APIS http://slides.html5rocks.com/#slide4
  8. 8. JS APIS querySelectorAll('ul li:nth-child(odd)') Web Storage Web SQL Database Cache da aplicação Drag and Drop Geolocation
  9. 9. 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
  10. 10. 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
  11. 11. 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
  12. 12. 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
  13. 13. Siga-nos! see ya @GonowTecnologia @liperuf
  14. 14. 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

×