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

por Cleiton Francisco

Cleiton FranciscoGerente de Tecnologia do Jus Navigandi

cleitonfco@gmail.comTwitter: @cleitonfco

não... eu ainda não trabalho no Google

HTML 4

HTML 5

HTML 5 no Google IO

Polêmica: Flash X HTML 5

http://blogdoiphone.com/2010/04/steve-jobs-publica-carta-aberta-explicando-a-relacao-entre-apple-e-adobe/

O que o HTML 5 tem de novidade?

Áudio

<audio controls>    <source src="demo-audio.ogg" />    <source src="demo-audio.mp3" /></audio>

Vídeo

<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>

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

Referências

Canvas / SVG

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

Referências

Geolocation

Onde estou?http://www.mozilla.com/firefox/geolocation/

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/

Referências

Banco de Dados

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/

Referências

Novos elementos(semânticos)

Novos elementos(semânticos)

Novos elementos(semânticos)

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/

Referências

Formuláriosmais inteligentes

color, email, date, month, week, time, datetime, number, range, search, tel, url

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

Referências

Browsers

http://html5readiness.com

Perguntas?

Cleiton Franciscocleitonfco@gmail.com

Twitter: @cleitonfco