{"id":1550,"date":"2013-09-01T10:14:54","date_gmt":"2013-09-01T13:14:54","guid":{"rendered":"https:\/\/devkico.itexto.com.br\/?p=1550"},"modified":"2013-09-01T10:14:54","modified_gmt":"2013-09-01T13:14:54","slug":"por-resolvi-largar-flash-partir-pro-html-5","status":"publish","type":"post","link":"https:\/\/devkico.itexto.com.br\/?p=1550","title":{"rendered":"Por que resolvi largar o Flash e partir pro HTML 5 :)"},"content":{"rendered":"

\"HTML5_logo_and_wordmark.svg\"Nada como algumas rota\u00e7\u00f5es da Terra pra mudar as coisas n\u00e9? No dia 3\/1\/2010 publiquei aqui um texto chamado\u00a0“Por que resolvi largar o HTML e partir pro Flash”<\/a>\u00a0que \u00e9 um dos posts mais acessados deste blog desde ent\u00e3o. Mas quando olho pro meu hist\u00f3rico percebo que na realidade nem deu tempo de largar o HTML 5 e a esmagadora maioria das frustra\u00e7\u00f5es que eu tinha com este at\u00e9 ent\u00e3o n\u00e3o existem mais (ali\u00e1s, nem sei se ainda restou alguma destas limita\u00e7\u00f5es).<\/p>\n

Foi tudo muito r\u00e1pido. No mesmo ano comecei o desenvolvimento de jogos em… HTML 5 usando canvas. Em dezembro eu j\u00e1 tinha\u00a0uma vers\u00e3o do Space Invaders 100% canvas<\/a>\u00a0que tamb\u00e9m \u00e9 outro post bastante popular aqui no blog. Fant\u00e1stico n\u00e9? Agora vamos voltar \u00e0s minhas reclama\u00e7\u00f5es de tr\u00eas anos atr\u00e1s.<\/p>\n

O pesadelo do HTML (os tais “web standards”)<\/h2>\n

Na \u00e9poca se n\u00e3o me engano o grande problema era o Internet Explorer e a maior parte dos browsers n\u00e3o dava um suporte razo\u00e1vel aos novos recursos do HTML 5. Wow, como as coisas mudaram. Pra come\u00e7ar, hoje na m\u00e9dia, de acordo com o site “Can I Use…” estamos com suporte de aproximadamente uns 80%, ou seja, basicamente apenas os recursos\u00a0menos<\/strong> usados n\u00e3o s\u00e3o suportados pela maioria.<\/p>\n

\"html5_support\"<\/a><\/p>\n

Internet Explorer<\/h3>\n

E o Internet Explorer? Bom: ao menos no meu blog corresponde a bem menos de 10% dos acessos, mas neste caso n\u00e3o vale muito pois minha audi\u00eancia \u00e9 t\u00e9cnica. Mas tirando isto, vou usar uma fonte bem mais confi\u00e1vel. Atualmente corresponde a 15,6% de todo tr\u00e1fego da Wikip\u00e9dia<\/a>.<\/p>\n

O pr\u00f3prio Internet Explorer acabou melhorando bastante: a vers\u00e3o 10 possu\u00ed um suporte bem melhor e, al\u00e9m disto, pelo fato de a Microsoft ter adotado Javascript\/HTML como sua plataforma de desenvolvimento preferencial<\/a>\u00a0(mesmo por que ao que tudo indica ningu\u00e9m mais liga pro Windows<\/a>) a coisa parece que vai ficar ainda melhor no Internet Explorer 11: ou ela se adapta ou t\u00e1 fora, simples assim.<\/p>\n

Como quase optei pelo Flash<\/h2>\n

Na \u00e9poca eu estava desenvolvendo um produto que era basicamente um kanban eletr\u00f4nico (mas gostei tanto do Trello que acabei largando o projeto). Ent\u00e3o basicamente era drag and drop o tempo inteiro na interface do usu\u00e1rio e o suporte que eu tinha no HTML 5 era bem fraco para alguns detalhes da interface. Al\u00e9m disto, a linguagem Action Script tamb\u00e9m tinha me fisgado: me apaixonei por ela conforme ia lendo mais a respeito.<\/p>\n

Durante o desenvolvimento deste projeto meu interesse foi para a \u00e1rea de jogos: comecei criando algumas coisas com OpenGL (sim, existe um “Duke Nanna” em algum lugar aqui em casa) mas por algum acaso resolvi experimentar o canvas do HTML 5 (um experimento muito tosco<\/a> me acordou). Boom! De repente as coisas que eu achava serem poss\u00edveis apenas no Flash eu estava conseguindo com Javascript! Logo em seguida vieram anima\u00e7\u00f5es com CSS 3, suporte a persist\u00eancia local, dados de localiza\u00e7\u00e3o e pronto: em algo tipo seis meses eu j\u00e1 podia fazer pr\u00e1ticamente tudo o que o Flash oferecia sem precisar comprar uma licen\u00e7a do produto.<\/p>\n

O suporte que os navegadores passaram a oferecer a estas tecnologias veio muito r\u00e1pido, bem mais r\u00e1pido do que eu esperava (no post eu falo algo sobre o HTML 5 s\u00f3 estar pronto em 2022). Erro meu, que bom! :)<\/p>\n

A presen\u00e7a “universal” do Flash<\/h2>\n

Eu realmente acreditava que s\u00f3 a Apple iria chutar o Flash e com o tempo acabaria voltando atr\u00e1s. Wow, como estava errado! Na realidade diversos players come\u00e7aram a simplesmente abandonar a plataforma por completo. Meu celular atual (um Nokia Lumia 800 com Windows Phone 7.8) j\u00e1 apresenta dificuldades ao lidar com o formato, idem para diversos dispositivos Android. Dado que mobile, e n\u00e3o desktop \u00e9 o futuro, Flash n\u00e3o est\u00e1 mais com os dias contados, pois simplesmente n\u00e3o h\u00e1 mais dias para contar: acabou.<\/p>\n

E ei: a populariza\u00e7\u00e3o de coisas como Phone Gap e Appcelerator tamb\u00e9m contribuiram muito pra isto. De repente estamos criando aplica\u00e7\u00f5es semi nativas mobile usando HTML 5. Mais um prego no caix\u00e3o.<\/p>\n

Concluindo<\/h2>\n

Bendito seja o dia em que resolvi brincar com o canvas! At\u00e9 ent\u00e3o eu n\u00e3o conseguia ver o potencial da plataforma que estava surgindo (ela realmente se mostrava muito d\u00e9bil pra mim). HTML 5 pode at\u00e9 n\u00e3o ser oficialmente um padr\u00e3o hoje, mas na pr\u00e1tica \u00e9: e ao que tudo indica vai ser o padr\u00e3o durante os pr\u00f3ximos anos e talvez das pr\u00f3ximas d\u00e9cadas.<\/p>\n

O propriet\u00e1rio vai aos poucos sendo enterrado e o aberto dominando. Me pergunto: visto que esta plataforma est\u00e1 dominando de tal forma, ser\u00e1 que aquele velho sonho de tornar o sistema operacional mero comodite j\u00e1 est\u00e1 se concretizando? Ser\u00e1 que poderemos dizer em pouco tempo que tanto faz voc\u00ea ter um Mac ou PC pois sua aplica\u00e7\u00e3o foi feita pra rodar inteiramente na web? Acho que sim: mas ainda vai demorar um pouco.<\/p>\n

PS: daqui a tr\u00eas anos eu volto a este post pra ver o qu\u00e3o certo ou errado eu estava ok?<\/p>\n","protected":false},"excerpt":{"rendered":"

Revisitando um antigo post no qual eu dizia ter abandonado o HTML em favor do Flash. Ouch!<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[35,61,48,25,53],"tags":[],"class_list":["post-1550","post","type-post","status-publish","format-standard","hentry","category-armadilhas","category-javascript","category-ria","category-software-livre","category-web-design"],"yoast_head":"\nPor que resolvi largar o Flash e partir pro HTML 5 :) - \/dev\/Kico<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/devkico.itexto.com.br\/?p=1550\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Por que resolvi largar o Flash e partir pro HTML 5 :) - \/dev\/Kico\" \/>\n<meta property=\"og:description\" content=\"Revisitando um antigo post no qual eu dizia ter abandonado o HTML em favor do Flash. Ouch!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/devkico.itexto.com.br\/?p=1550\" \/>\n<meta property=\"og:site_name\" content=\"\/dev\/Kico\" \/>\n<meta property=\"article:published_time\" content=\"2013-09-01T13:14:54+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.itexto.net\/devkico\/wp-content\/uploads\/2013\/09\/HTML5_logo_and_wordmark.svg_.png\" \/>\n<meta name=\"author\" content=\"Kico (Henrique Lobo Weissmann)\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@loboweissmann\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kico (Henrique Lobo Weissmann)\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/devkico.itexto.com.br\/?p=1550\",\"url\":\"https:\/\/devkico.itexto.com.br\/?p=1550\",\"name\":\"Por que resolvi largar o Flash e partir pro HTML 5 :) - \/dev\/Kico\",\"isPartOf\":{\"@id\":\"https:\/\/devkico.itexto.com.br\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/devkico.itexto.com.br\/?p=1550#primaryimage\"},\"image\":{\"@id\":\"https:\/\/devkico.itexto.com.br\/?p=1550#primaryimage\"},\"thumbnailUrl\":\"https:\/\/devkico.itexto.com.br\/wp-content\/uploads\/2013\/09\/HTML5_logo_and_wordmark.svg_.png\",\"datePublished\":\"2013-09-01T13:14:54+00:00\",\"dateModified\":\"2013-09-01T13:14:54+00:00\",\"author\":{\"@id\":\"https:\/\/devkico.itexto.com.br\/#\/schema\/person\/502ab8892631bb005d6da2269fe5a3a7\"},\"breadcrumb\":{\"@id\":\"https:\/\/devkico.itexto.com.br\/?p=1550#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/devkico.itexto.com.br\/?p=1550\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/devkico.itexto.com.br\/?p=1550#primaryimage\",\"url\":\"https:\/\/devkico.itexto.com.br\/wp-content\/uploads\/2013\/09\/HTML5_logo_and_wordmark.svg_.png\",\"contentUrl\":\"https:\/\/devkico.itexto.com.br\/wp-content\/uploads\/2013\/09\/HTML5_logo_and_wordmark.svg_.png\",\"width\":200,\"height\":200},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/devkico.itexto.com.br\/?p=1550#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/devkico.itexto.com.br\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Por que resolvi largar o Flash e partir pro HTML 5 :)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/devkico.itexto.com.br\/#website\",\"url\":\"https:\/\/devkico.itexto.com.br\/\",\"name\":\"\/dev\/Kico\",\"description\":\"Desenvolvendo software\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/devkico.itexto.com.br\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/devkico.itexto.com.br\/#\/schema\/person\/502ab8892631bb005d6da2269fe5a3a7\",\"name\":\"Kico (Henrique Lobo Weissmann)\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/devkico.itexto.com.br\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/dd6973d86a689bc63122b2e603f25be3?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/dd6973d86a689bc63122b2e603f25be3?s=96&d=mm&r=g\",\"caption\":\"Kico (Henrique Lobo Weissmann)\"},\"sameAs\":[\"https:\/\/x.com\/loboweissmann\"],\"url\":\"https:\/\/devkico.itexto.com.br\/?author=1\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Por que resolvi largar o Flash e partir pro HTML 5 :) - \/dev\/Kico","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/devkico.itexto.com.br\/?p=1550","og_locale":"pt_BR","og_type":"article","og_title":"Por que resolvi largar o Flash e partir pro HTML 5 :) - \/dev\/Kico","og_description":"Revisitando um antigo post no qual eu dizia ter abandonado o HTML em favor do Flash. Ouch!","og_url":"https:\/\/devkico.itexto.com.br\/?p=1550","og_site_name":"\/dev\/Kico","article_published_time":"2013-09-01T13:14:54+00:00","og_image":[{"url":"http:\/\/www.itexto.net\/devkico\/wp-content\/uploads\/2013\/09\/HTML5_logo_and_wordmark.svg_.png"}],"author":"Kico (Henrique Lobo Weissmann)","twitter_card":"summary_large_image","twitter_creator":"@loboweissmann","twitter_misc":{"Escrito por":"Kico (Henrique Lobo Weissmann)","Est. tempo de leitura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/devkico.itexto.com.br\/?p=1550","url":"https:\/\/devkico.itexto.com.br\/?p=1550","name":"Por que resolvi largar o Flash e partir pro HTML 5 :) - \/dev\/Kico","isPartOf":{"@id":"https:\/\/devkico.itexto.com.br\/#website"},"primaryImageOfPage":{"@id":"https:\/\/devkico.itexto.com.br\/?p=1550#primaryimage"},"image":{"@id":"https:\/\/devkico.itexto.com.br\/?p=1550#primaryimage"},"thumbnailUrl":"https:\/\/devkico.itexto.com.br\/wp-content\/uploads\/2013\/09\/HTML5_logo_and_wordmark.svg_.png","datePublished":"2013-09-01T13:14:54+00:00","dateModified":"2013-09-01T13:14:54+00:00","author":{"@id":"https:\/\/devkico.itexto.com.br\/#\/schema\/person\/502ab8892631bb005d6da2269fe5a3a7"},"breadcrumb":{"@id":"https:\/\/devkico.itexto.com.br\/?p=1550#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/devkico.itexto.com.br\/?p=1550"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/devkico.itexto.com.br\/?p=1550#primaryimage","url":"https:\/\/devkico.itexto.com.br\/wp-content\/uploads\/2013\/09\/HTML5_logo_and_wordmark.svg_.png","contentUrl":"https:\/\/devkico.itexto.com.br\/wp-content\/uploads\/2013\/09\/HTML5_logo_and_wordmark.svg_.png","width":200,"height":200},{"@type":"BreadcrumbList","@id":"https:\/\/devkico.itexto.com.br\/?p=1550#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/devkico.itexto.com.br\/"},{"@type":"ListItem","position":2,"name":"Por que resolvi largar o Flash e partir pro HTML 5 :)"}]},{"@type":"WebSite","@id":"https:\/\/devkico.itexto.com.br\/#website","url":"https:\/\/devkico.itexto.com.br\/","name":"\/dev\/Kico","description":"Desenvolvendo software","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/devkico.itexto.com.br\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/devkico.itexto.com.br\/#\/schema\/person\/502ab8892631bb005d6da2269fe5a3a7","name":"Kico (Henrique Lobo Weissmann)","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/devkico.itexto.com.br\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/dd6973d86a689bc63122b2e603f25be3?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/dd6973d86a689bc63122b2e603f25be3?s=96&d=mm&r=g","caption":"Kico (Henrique Lobo Weissmann)"},"sameAs":["https:\/\/x.com\/loboweissmann"],"url":"https:\/\/devkico.itexto.com.br\/?author=1"}]}},"jetpack_featured_media_url":"","jetpack-related-posts":[],"jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/devkico.itexto.com.br\/index.php?rest_route=\/wp\/v2\/posts\/1550"}],"collection":[{"href":"https:\/\/devkico.itexto.com.br\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devkico.itexto.com.br\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devkico.itexto.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/devkico.itexto.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1550"}],"version-history":[{"count":1,"href":"https:\/\/devkico.itexto.com.br\/index.php?rest_route=\/wp\/v2\/posts\/1550\/revisions"}],"predecessor-version":[{"id":1553,"href":"https:\/\/devkico.itexto.com.br\/index.php?rest_route=\/wp\/v2\/posts\/1550\/revisions\/1553"}],"wp:attachment":[{"href":"https:\/\/devkico.itexto.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1550"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devkico.itexto.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1550"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devkico.itexto.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1550"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}