<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Blog sobre desenvolvimento mobile e Web &#187; HTML5</title>
	<atom:link href="https://blog.sw9.com.br/category/html5/feed/" rel="self" type="application/rss+xml" />
	<link>https://blog.sw9.com.br</link>
	<description>Blog com artigos e vídeos a respeito de assuntos voltados para desenvolvimento we e desenvolvimento mobile hibrido</description>
	<lastBuildDate>Fri, 12 Jul 2024 20:17:59 +0000</lastBuildDate>
	<language>pt-BR</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
	<item>
		<title>HTML5 Video e Audio &#124; Reproduzindo Video e Audio de Forma Nativa &#124; Série HTML5 &#124; SW9</title>
		<link>https://blog.sw9.com.br/2019/11/27/html5-video-audio-forma-nativa-serie-html5-sw9/</link>
		<comments>https://blog.sw9.com.br/2019/11/27/html5-video-audio-forma-nativa-serie-html5-sw9/#comments</comments>
		<pubDate>Wed, 27 Nov 2019 18:30:39 +0000</pubDate>
		<dc:creator><![CDATA[Paulo Eduardo]]></dc:creator>
				<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Como inserir vídeo no HTML5]]></category>
		<category><![CDATA[Como reproduzir vídeo de forma nativa usando HTML5]]></category>
		<category><![CDATA[Como reproduzir video usando HTML5]]></category>
		<category><![CDATA[Como usar a tag video do HTML5]]></category>
		<category><![CDATA[How to use video tag in HTML5]]></category>
		<category><![CDATA[HTML5 video player]]></category>
		<category><![CDATA[HTML5 video streaming]]></category>
		<category><![CDATA[HTML5 video tag]]></category>
		<category><![CDATA[HTML5 video tag com exemplo]]></category>
		<category><![CDATA[sw9]]></category>
		<category><![CDATA[tudo sobre desenvolvimento web]]></category>
		<category><![CDATA[Vídeo em HTML5]]></category>

		<guid isPermaLink="false">http://blog.sw9.com.br/?p=2818</guid>
		<description><![CDATA[Você sabia que é possível reproduzir vídeo e áudio de forma nativa usando apenas os recursos disponíveis no HTML5? Neste episódio você vai ter contato com as novas tags video e audio que fazem parte da especificação HTML5. Vem comigo ?, que eu vou te mostrar, na prática, como usar estas novas tags e seus atributos.]]></description>
		<wfw:commentRss>https://blog.sw9.com.br/2019/11/27/html5-video-audio-forma-nativa-serie-html5-sw9/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTML5 Data Attribute &#124; Utilizando Atributos Customizados &#124; Série HTML5 &#124; SW9</title>
		<link>https://blog.sw9.com.br/2019/11/14/html5-data-attribute-utilizando-atributos-customizados-serie-html5-sw9/</link>
		<comments>https://blog.sw9.com.br/2019/11/14/html5-data-attribute-utilizando-atributos-customizados-serie-html5-sw9/#comments</comments>
		<pubDate>Thu, 14 Nov 2019 18:30:51 +0000</pubDate>
		<dc:creator><![CDATA[Paulo Eduardo]]></dc:creator>
				<category><![CDATA[HTML5]]></category>
		<category><![CDATA[atributos customizados no html5]]></category>
		<category><![CDATA[atributos de dados no html5]]></category>
		<category><![CDATA[compatibilidade do data attribute]]></category>
		<category><![CDATA[html5 data attributes]]></category>
		<category><![CDATA[sw9]]></category>
		<category><![CDATA[trabalhando com atributos customizados]]></category>
		<category><![CDATA[tudo sobre desenvolvimento web]]></category>
		<category><![CDATA[utilizando o custom data attribute]]></category>

		<guid isPermaLink="false">http://blog.sw9.com.br/?p=2756</guid>
		<description><![CDATA[Vamos falar sobre outro atributo que surgiu com o HTML5. Você vai aprender para que serve e como utilizar o atributo de dados customizados (data attribute).]]></description>
		<wfw:commentRss>https://blog.sw9.com.br/2019/11/14/html5-data-attribute-utilizando-atributos-customizados-serie-html5-sw9/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTML5 Download Attribute &#124; Como usar o atributo de [download] &#124; Série HTML5 &#124; SW9</title>
		<link>https://blog.sw9.com.br/2019/11/05/html5-download-attribute-como-usar-o-atributo-download-serie-html5-sw9/</link>
		<comments>https://blog.sw9.com.br/2019/11/05/html5-download-attribute-como-usar-o-atributo-download-serie-html5-sw9/#comments</comments>
		<pubDate>Tue, 05 Nov 2019 18:30:56 +0000</pubDate>
		<dc:creator><![CDATA[Paulo Eduardo]]></dc:creator>
				<category><![CDATA[HTML5]]></category>
		<category><![CDATA[atributo de download no html5]]></category>
		<category><![CDATA[criar link de download com html5]]></category>
		<category><![CDATA[download attribute browser support]]></category>
		<category><![CDATA[download attribute compatibilidade]]></category>
		<category><![CDATA[download attribute in html]]></category>
		<category><![CDATA[download attribute not working]]></category>
		<category><![CDATA[links de download com o download attribute]]></category>
		<category><![CDATA[sw9]]></category>
		<category><![CDATA[tudo sobre desenvolvimento web]]></category>

		<guid isPermaLink="false">http://blog.sw9.com.br/?p=2752</guid>
		<description><![CDATA[Você vai aprender a criar links de download usando o novo atributo chamado [download]. Este novo atributo veio para facilitar bastante a vida de quem precisa forçar o download de arquivos a partir de um link/botão existente na página.]]></description>
		<wfw:commentRss>https://blog.sw9.com.br/2019/11/05/html5-download-attribute-como-usar-o-atributo-download-serie-html5-sw9/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTML5 FILE API &#124; Aula 6 de 6 &#8211; Tratamento de erros e validação &#124; Série HTML5 &#124; SW9</title>
		<link>https://blog.sw9.com.br/2019/02/28/html5-file-api-aula-6-de-6-tratamento-de-erros-e-validacao-sw9/</link>
		<comments>https://blog.sw9.com.br/2019/02/28/html5-file-api-aula-6-de-6-tratamento-de-erros-e-validacao-sw9/#comments</comments>
		<pubDate>Thu, 28 Feb 2019 15:30:13 +0000</pubDate>
		<dc:creator><![CDATA[Paulo Eduardo]]></dc:creator>
				<category><![CDATA[HTML5]]></category>
		<category><![CDATA[abortar operacao de leitura com file api]]></category>
		<category><![CDATA[cancelar operacao de leitura com file api]]></category>
		<category><![CDATA[Desenvolvimento Web]]></category>
		<category><![CDATA[file api]]></category>
		<category><![CDATA[file api error handler]]></category>
		<category><![CDATA[file api file reader]]></category>
		<category><![CDATA[file api html5]]></category>
		<category><![CDATA[file api incluindo validação]]></category>
		<category><![CDATA[file api javascript]]></category>
		<category><![CDATA[file api onabort]]></category>
		<category><![CDATA[html file api]]></category>
		<category><![CDATA[html5 file api]]></category>
		<category><![CDATA[html5 file api tutorial]]></category>
		<category><![CDATA[javascript file object]]></category>
		<category><![CDATA[lendo arquivos com objeto filereader]]></category>
		<category><![CDATA[Lendo e renderizando arquivos localmente com FileReader]]></category>
		<category><![CDATA[monitorando o progresso de leitura com file api]]></category>
		<category><![CDATA[regras de validação com file api]]></category>
		<category><![CDATA[sw9]]></category>

		<guid isPermaLink="false">http://blog.sw9.com.br/?p=2275</guid>
		<description><![CDATA[Agora eu convido vocês para fecharmos a nossa pequena série sobre File API com chave de ouro. Nesta última AULA, a minha missão será compartilhar com vocês, como podemos usar os recursos disponíveis no objeto FileReader para capturar erros de leitura.

Para que o nosso objetivo seja atingido, vamos usar o manipular de evento onerror, o evento error e as propriedades name e message.

Na sequência, vamos criar uma regra de validação, que será aplicada logo após o usuário selecionar arquivos: tamanho máximo permitido por arquivo.]]></description>
		<wfw:commentRss>https://blog.sw9.com.br/2019/02/28/html5-file-api-aula-6-de-6-tratamento-de-erros-e-validacao-sw9/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTML5 FILE API &#124; Aula 5 de 6 &#8211; Abortando a operação de leitura &#124; Série HTML5 &#124; SW9</title>
		<link>https://blog.sw9.com.br/2019/02/26/html5-file-api-aula-5-de-6-abortando-operacao-de-leitura-sw9/</link>
		<comments>https://blog.sw9.com.br/2019/02/26/html5-file-api-aula-5-de-6-abortando-operacao-de-leitura-sw9/#comments</comments>
		<pubDate>Tue, 26 Feb 2019 15:30:56 +0000</pubDate>
		<dc:creator><![CDATA[Paulo Eduardo]]></dc:creator>
				<category><![CDATA[HTML5]]></category>
		<category><![CDATA[abortar operacao de leitura com file api]]></category>
		<category><![CDATA[cancelar operacao de leitura com file api]]></category>
		<category><![CDATA[Desenvolvimento Web]]></category>
		<category><![CDATA[file api]]></category>
		<category><![CDATA[file api file reader]]></category>
		<category><![CDATA[file api html5]]></category>
		<category><![CDATA[file api javascript]]></category>
		<category><![CDATA[file api onabort]]></category>
		<category><![CDATA[html file api]]></category>
		<category><![CDATA[html5 file api]]></category>
		<category><![CDATA[html5 file api tutorial]]></category>
		<category><![CDATA[javascript file object]]></category>
		<category><![CDATA[lendo arquivos com objeto filereader]]></category>
		<category><![CDATA[Lendo e renderizando arquivos localmente com FileReader]]></category>
		<category><![CDATA[monitorando o progresso de leitura com file api]]></category>
		<category><![CDATA[sw9]]></category>

		<guid isPermaLink="false">http://blog.sw9.com.br/?p=2273</guid>
		<description><![CDATA[Hoje vamos aprender como cancelar uma operação de leitura. Você vai ter a oportunidade de incrementar o projeto de galeria de imagens, incluindo um botão de cancelamento para cada arquivo lido e a possibilidade de ao clicar nele, cancelar o processo de leitura.

Você vai ter contato com o manipulador de evento onabort, o evento abort e o método abort().]]></description>
		<wfw:commentRss>https://blog.sw9.com.br/2019/02/26/html5-file-api-aula-5-de-6-abortando-operacao-de-leitura-sw9/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTML5 File API &#124; Aula 4 de 6 &#8211; Monitorando o progresso da leitura de cada arquivo &#124; Série HTML5 &#124; SW9</title>
		<link>https://blog.sw9.com.br/2019/02/14/html5-file-api-aula-4-de-6-monitorar-progresso-de-leitura-sw9/</link>
		<comments>https://blog.sw9.com.br/2019/02/14/html5-file-api-aula-4-de-6-monitorar-progresso-de-leitura-sw9/#comments</comments>
		<pubDate>Thu, 14 Feb 2019 15:30:52 +0000</pubDate>
		<dc:creator><![CDATA[Paulo Eduardo]]></dc:creator>
				<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Desenvolvimento Web]]></category>
		<category><![CDATA[file api]]></category>
		<category><![CDATA[file api file reader]]></category>
		<category><![CDATA[file api html5]]></category>
		<category><![CDATA[file api javascript]]></category>
		<category><![CDATA[html file api]]></category>
		<category><![CDATA[html5 file api]]></category>
		<category><![CDATA[html5 file api tutorial]]></category>
		<category><![CDATA[javascript file object]]></category>
		<category><![CDATA[lendo arquivos com objeto filereader]]></category>
		<category><![CDATA[Lendo e renderizando arquivos localmente com FileReader]]></category>
		<category><![CDATA[monitorando o progresso de leitura com file api]]></category>
		<category><![CDATA[sw9]]></category>

		<guid isPermaLink="false">http://blog.sw9.com.br/?p=2230</guid>
		<description><![CDATA[Chegou a hora de você aprender como é possível acompanhar o progresso de leitura de um arquivo. Nesta AULA, você terá a oportunidade de incrementar o projeto galeria de imagens, incluindo uma lógica de verificação de progresso de leitura e exibição de uma barra (progressbar) para o usuário.

Você vai ter contato com os eventos loadstart, load e progress para chegarmos ao resultado esperado.]]></description>
		<wfw:commentRss>https://blog.sw9.com.br/2019/02/14/html5-file-api-aula-4-de-6-monitorar-progresso-de-leitura-sw9/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTML5 File API &#124; Aula 3 de 6 &#8211; Lendo e renderizando arquivos localmente com FileReader &#124; Série HTML5 &#124; SW9</title>
		<link>https://blog.sw9.com.br/2019/02/12/html5-file-api-aula-3-de-6-lendo-arquivos-locais-serie-html5-sw9/</link>
		<comments>https://blog.sw9.com.br/2019/02/12/html5-file-api-aula-3-de-6-lendo-arquivos-locais-serie-html5-sw9/#comments</comments>
		<pubDate>Tue, 12 Feb 2019 15:30:18 +0000</pubDate>
		<dc:creator><![CDATA[Paulo Eduardo]]></dc:creator>
				<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Desenvolvimento Web]]></category>
		<category><![CDATA[file api]]></category>
		<category><![CDATA[file api file reader]]></category>
		<category><![CDATA[file api html5]]></category>
		<category><![CDATA[file api javascript]]></category>
		<category><![CDATA[html file api]]></category>
		<category><![CDATA[html5 file api]]></category>
		<category><![CDATA[html5 file api tutorial]]></category>
		<category><![CDATA[javascript file object]]></category>
		<category><![CDATA[lendo arquivos com objeto filereader]]></category>
		<category><![CDATA[Lendo e renderizando arquivos localmente com FileReader]]></category>
		<category><![CDATA[sw9]]></category>

		<guid isPermaLink="false">http://blog.sw9.com.br/?p=2228</guid>
		<description><![CDATA[Reservei esta AULA para implementarmos o processo de leitura de cada imagem que foi selecionada, e na sequencia exibir um preview na forma de thumbnail.

Reservei esta AULA para implementarmos a leitura de arquivos e exibição de preview na forma de thumbnail. Para chegarmos neste resultado, vamos usar o objeto FileReader.  As peguntas a seguir serão respondidas nesta AULA: O que é o objeto FileReader? Quais são as suas propriedades, métodos e eventos? Como ler um arquivo? Como exibí-lo no formato de miniatura?

Ao final da AULA, a nossa galeria de imagens já estará exibindo informações e thumbnail de cada imagem selecionada pelo usuário.]]></description>
		<wfw:commentRss>https://blog.sw9.com.br/2019/02/12/html5-file-api-aula-3-de-6-lendo-arquivos-locais-serie-html5-sw9/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTML5 File API &#124; Aula 2 de 6 &#8211; Selecionando, Acessando e Obtendo informação de arquivos &#124; Série HTML5 &#124; SW9</title>
		<link>https://blog.sw9.com.br/2019/01/31/html5-file-api-aula-2-selecionando-acessando-obtendo-info-de-arquivos-sw9/</link>
		<comments>https://blog.sw9.com.br/2019/01/31/html5-file-api-aula-2-selecionando-acessando-obtendo-info-de-arquivos-sw9/#comments</comments>
		<pubDate>Thu, 31 Jan 2019 15:30:47 +0000</pubDate>
		<dc:creator><![CDATA[Paulo Eduardo]]></dc:creator>
				<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Desenvolvimento Web]]></category>
		<category><![CDATA[file api]]></category>
		<category><![CDATA[file api html5]]></category>
		<category><![CDATA[file api javascript]]></category>
		<category><![CDATA[html file api]]></category>
		<category><![CDATA[html5 file api]]></category>
		<category><![CDATA[html5 file api tutorial]]></category>
		<category><![CDATA[javascript file object]]></category>
		<category><![CDATA[sw9]]></category>

		<guid isPermaLink="false">http://blog.sw9.com.br/?p=2189</guid>
		<description><![CDATA[Nesta segunda AULA, vou explicar passo a passo como podemos selecionar 1 ou mais arquivos locais, acessá-los usando os objetos File e FileList e, para encerrar, vamos obter as informações básicas de cada arquivo e exibi-las na página web.]]></description>
		<wfw:commentRss>https://blog.sw9.com.br/2019/01/31/html5-file-api-aula-2-selecionando-acessando-obtendo-info-de-arquivos-sw9/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTML5 File API &#124; Aula 1 de 6 &#8211; Apresentação e Feature Detection &#124; Série HTML5 &#124; SW9</title>
		<link>https://blog.sw9.com.br/2019/01/29/html5-file-api-aula-1-apresentacao-e-feature-detection-sw9/</link>
		<comments>https://blog.sw9.com.br/2019/01/29/html5-file-api-aula-1-apresentacao-e-feature-detection-sw9/#comments</comments>
		<pubDate>Tue, 29 Jan 2019 15:30:12 +0000</pubDate>
		<dc:creator><![CDATA[Paulo Eduardo]]></dc:creator>
				<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Desenvolvimento Web]]></category>
		<category><![CDATA[file api]]></category>
		<category><![CDATA[file api e modernizr]]></category>
		<category><![CDATA[file api feature detection]]></category>
		<category><![CDATA[file api html5]]></category>
		<category><![CDATA[file api javascript]]></category>
		<category><![CDATA[html file api]]></category>
		<category><![CDATA[html5 file api]]></category>
		<category><![CDATA[html5 file api tutorial]]></category>
		<category><![CDATA[javascript file object]]></category>
		<category><![CDATA[sw9]]></category>

		<guid isPermaLink="false">http://blog.sw9.com.br/?p=2186</guid>
		<description><![CDATA[Dando continuidade a MEGA Série sobre HTML5, agora chegou a vez de falarmos sobre a File API. Qual era a forma tradicional para manipulação de arquivos? Qual a motivação por trás da criação da API? O que é a File API? Quais os principais objetos? Como faço para detectar se o File API é compatível ou não com o navegador?

Todas estas perguntas serão respondidas ao longo desta primeira AULA :D]]></description>
		<wfw:commentRss>https://blog.sw9.com.br/2019/01/29/html5-file-api-aula-1-apresentacao-e-feature-detection-sw9/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Drag &amp; Drop Com HTML5 &#124; Aula 8 &#8211; Arrastando do Desktop Para o Navegador &#124; Série HTML5 &#124; SW9</title>
		<link>https://blog.sw9.com.br/2019/01/17/drag-e-drop-com-html5-aula-8-arrastando-desktop-navegador/</link>
		<comments>https://blog.sw9.com.br/2019/01/17/drag-e-drop-com-html5-aula-8-arrastando-desktop-navegador/#comments</comments>
		<pubDate>Thu, 17 Jan 2019 15:30:06 +0000</pubDate>
		<dc:creator><![CDATA[Paulo Eduardo]]></dc:creator>
				<category><![CDATA[HTML5]]></category>
		<category><![CDATA[all of web development]]></category>
		<category><![CDATA[Arrastando do Dektop Para um Navegador]]></category>
		<category><![CDATA[drag & drop com html5]]></category>
		<category><![CDATA[drag and drop com html5]]></category>
		<category><![CDATA[drag and drop html5 builder]]></category>
		<category><![CDATA[drag and drop html5 tutorial]]></category>
		<category><![CDATA[drag and drop soltando elementos]]></category>
		<category><![CDATA[drag e drop com html5]]></category>
		<category><![CDATA[html5 drag]]></category>
		<category><![CDATA[html5 drag and drop]]></category>
		<category><![CDATA[html5 drag and drop image]]></category>
		<category><![CDATA[html5 drag and drop list items]]></category>
		<category><![CDATA[os eventos da api drag e drop]]></category>
		<category><![CDATA[sw9]]></category>
		<category><![CDATA[tudo sobre desenvolvimento web]]></category>
		<category><![CDATA[web development articles]]></category>

		<guid isPermaLink="false">http://blog.sw9.com.br/?p=2150</guid>
		<description><![CDATA[O objetivo é concluirmos o projeto iniciado na AULA passada.  Como soltar os arquivos que foram arrastados do Desktop para dentro de nossa área de soltura chamada file zone? Como recuperar e exibir informações básicas de cada arquivo arrastado?  Estas são perguntas que serão respondidas nesta última AULA.]]></description>
		<wfw:commentRss>https://blog.sw9.com.br/2019/01/17/drag-e-drop-com-html5-aula-8-arrastando-desktop-navegador/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
