Your SlideShare is downloading. ×
HTML5: o que vem aí...
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

HTML5: o que vem aí...

1,305
views

Published on

Como o HTML 5 pretende revolucionar a forma como desenvolvemos aplicativos, sejam eles para web, iPhone/iPad ou sistemas na Nuvem.

Como o HTML 5 pretende revolucionar a forma como desenvolvemos aplicativos, sejam eles para web, iPhone/iPad ou sistemas na Nuvem.

Published in: Technology

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,305
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
33
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Como o HTML5 pretende revolucionar a forma como desenvolvemos aplicativos, sejam eles para web, iPhone/iPad ou sistemas na Nuvem. por Cleiton Francisco
  • 2. Cleiton Francisco Gerente de Tecnologia do Jus Navigandi cleitonfco@gmail.com Twitter: @cleitonfco não... eu ainda não trabalho no Google
  • 3. HTML 4
  • 4. HTML 5
  • 5. HTML 5 no Google IO
  • 6. Polêmica: Flash X HTML 5
  • 7. http://blogdoiphone.com/2010/04/steve-jobs-publica-carta- aberta-explicando-a-relacao-entre-apple-e-adobe/
  • 8. O que o HTML 5 tem de novidade?
  • 9. Áudio
  • 10. <audio controls>     <source src="demo-audio.ogg" />     <source src="demo-audio.mp3" /> </audio>
  • 11. Vídeo
  • 12. <video width="320" height="240" controls preload="none" poster="videoframe.jpg">     <source src="demo-video.mp4" type="video/mp4" />     <source src="demo-video.ogv" type="video/ogg" /> </video>
  • 13. Referências http://dev.opera.com/articles/view/everything-you-need- to-know-about-html5-video-and-audio/ http://www.webmonkey.com/2010/02/ embed_audio_and_video_in_html_5_pages/ http://html5doctor.com/native-audio-in-the-browser/ http://diveintohtml5.org/video.html
  • 14. Canvas / SVG
  • 15. Referências http://imasters.uol.com.br/artigo/16455/ desenvolvimento/html_5_na_pratica_canvas_parte_01/ http://diveintohtml5.org/canvas.html http://tai-dev.blog.co.uk/2009/07/17/a-quick-test-of- the-html5-geolocation-api-with-firefox-3-5-spookily- accurate-on-my-work-pc-6533920/ http://www.alistapart.com/articles/get-ready-for-html-5/ http://srcware.com/programacao/html-5-introducao-a- tag-canvas/ http://realtech.burningbird.net/painting-the-web/svg/ svg-html
  • 16. Geolocation
  • 17. Onde estou? http://www.mozilla.com/firefox/geolocation/
  • 18. Referências http://maxheapsize.com/2009/04/11/getting-the- browsers-geolocation-with-html-5/ http://html5demos.com/geo http://tai-dev.blog.co.uk/2009/07/17/a-quick-test-of- the-html5-geolocation-api-with-firefox-3-5-spookily- accurate-on-my-work-pc-6533920/
  • 19. Banco de Dados
  • 20. Referências http://net.tutsplus.com/tutorials/html-css-techniques/ quick-tip-learning-about-html5-local-storage/ http://www.thecssninja.com/javascript/how-to-create- offline-webapps-on-the-iphone http://www.webreference.com/authoring/languages/ html/HTML5-Client-Side/ http://dev.w3.org/html5/webstorage/
  • 21. Novos elementos (semânticos)
  • 22. Novos elementos (semânticos)
  • 23. Novos elementos (semânticos)
  • 24. Referências http://blog.whatwg.org/supporting-new-elements-in-ie http://html5doctor.com/the-figure-figcaption-elements/ http://html5doctor.com/why-designers-should-care- about-html5/ http://www.brucelawson.co.uk/2010/html5-articles-and- sections-whats-the-difference/ http://orderedlist.com/our-writing/resources/html-css/ structural-tags-in-html5/
  • 25. Formulários mais inteligentes color, email, date, month, week, time, datetime, number, range, search, tel, url
  • 26. Referências http://24ways.org/2009/have-a-field-day-with-html5- forms http://www.456bereastreet.com/archive/201004/ html5_input_types/ http://net.tutsplus.com/tutorials/html-css-techniques/ rethinking-forms-in-html5/ http://diveintohtml5.org/forms.html
  • 27. Browsers
  • 28. http://html5readiness.com
  • 29. Perguntas?
  • 30. Cleiton Francisco cleitonfco@gmail.com Twitter: @cleitonfco