Upload
cleiton-francisco
View
2.242
Download
0
Embed Size (px)
DESCRIPTION
Como o HTML 5 pretende revolucionar a forma como desenvolvemos aplicativos, sejam eles para web, iPhone/iPad ou sistemas na Nuvem.
Citation preview
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
[email protected]: @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 [email protected]
Twitter: @cleitonfco