HTML5 na FATEC - novembro 2010

860 views
819 views

Published on

Published in: Technology, Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
860
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
24
Comments
0
Likes
1
Embeds 0
No embeds

No notes for 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

×