Imagem de Facebook, Google e Microsoft criam comunidade online sobre HTML5 no site TecMundo

Portal tem o objetivo de reunir informações sobre HTML5, CSS e outras linguagens.

<img src="https://tm.ibxk.com.br/2012/10/materias/6822943728165437.jpg" alt="" /> (Fonte da imagem: <a href="http://www1.webplatform.org/" target="_blank">Reprodu&ccedil;&atilde;o/WebPlatform</a>)
O que Google, Microsoft, Adobe, Facebook, HP, Nokia, Mozilla e Opera t&ecirc;m em comum? Al&eacute;m de serem gigantes do mercado de tecnologia, as empresas se reuniram para criar o <a href="http://www.webplatform.org/" target="_blank">WebPlatform</a>, um portal de conte&uacute;do sobre HTML5 com vertentes para o CSS e outras linguagens complementares.
Segundo o site da <a href="http://info.abril.com.br/noticias/computacao-inteligente/google-facebook-e-nokia-criam-site-sobre-html5-08102012-30.shl">Info</a>, a ideia dos criadores do projeto &eacute; construir uma comunidade online fortalecida com base no conhecimento dos pr&oacute;prios desenvolvedores, al&eacute;m de divulgar not&iacute;cias oficiais e novidades sobre padr&otilde;es de desenvolvimento para web.
Al&eacute;m do espa&ccedil;o aberto ao p&uacute;blico, algumas p&aacute;ginas do WebPlatform s&atilde;o reservadas para comunicados feitos pelos pr&oacute;prios funcion&aacute;rios das empresas, que podem criar boletins divulgando o andamento de projetos e ultimas implementa&ccedil;&otilde;es nas mais diversas tecnologias. A curadoria do portal ser&aacute; feita pelo pr&oacute;prio W3C, &oacute;rg&atilde;o padronizador do HTML5.
Fontes: <a href="http://www.webplatform.org/" target="_blank">WebPlatform</a>, <a href="http://info.abril.com.br/noticias/computacao-inteligente/google-facebook-e-nokia-criam-site-sobre-html5-08102012-30.shl">Info</a>

thumb-image-2024-04-30T03:30:40.623Z

Facebook, Google e Microsoft criam comunidade online sobre HTML5

Imagem de 9 sites impressionantes que mostram relances do futuro da internet no site TecMundo

Confira alguns experimentos que mostram o potencial de ferramentas como o CSS 3D e o HTML 5.

Em compara&ccedil;&atilde;o a outros meios de comunica&ccedil;&atilde;o, a internet &eacute; o que apresenta maior liberdade tanto no que diz respeito a seu conte&uacute;do quanto &agrave; maneira como ele &eacute; apresentado. Enquanto a televis&atilde;o e o meio impresso costumam demorar a se adaptar a novos conceitos, a <a title="Assassino oculto: o v&iacute;deo est&aacute; matando o texto na web? [opini&atilde;o]" href="https://www.tecmundo.com.br/29026-assassino-oculto-o-video-esta-matando-o-texto-na-web-opiniao-.htm" target="_blank">web &eacute; marcada pela transforma&ccedil;&atilde;o constante</a> &mdash; sites considerados constru&iacute;dos h&aacute; dois anos que eram considerados bonitos e vers&aacute;teis em sua &eacute;poca atualmente muitas vezes j&aacute; parecem verdadeiras pe&ccedil;as de museu.Essa grande velocidade de transforma&ccedil;&atilde;o faz com que, embora incerto, o futuro da rede pare&ccedil;a bastante atrativo. Atrav&eacute;s do uso de ferramentas como o <a title="14 experimentos com HTML 5 de cair o queixo" href="https://www.tecmundo.com.br/13750-14-experimentos-com-html-5-de-cair-o-queixo.htm" target="_blank">HTML 5</a> e o CSS 3D, nos pr&oacute;ximos anos devemos ver uma mudan&ccedil;a radical na maneira como informa&ccedil;&otilde;es s&atilde;o apresentadas atrav&eacute;s da web.<img src="https://tm.ibxk.com.br/2012/9/materias/25016290720163937.jpg" alt="" /> (Fonte da imagem: <a target="_blank">iStock</a>)Claro, as p&aacute;ginas tradicionais baseadas em textos e imagens continuar&atilde;o existindo, por&eacute;m at&eacute; elas v&atilde;o sofrer transforma&ccedil;&otilde;es. O futuro da rede mundial de computadores promete trazer maior interatividade, oferecendo conte&uacute;dos de uma maneira muito mais intuitiva e natural do que a atual &mdash; al&eacute;m disso, sites devem se tornar cada vez mais leves para permitir a navega&ccedil;&atilde;o atrav&eacute;s de dispositivos como smartphones e tablets.Neste artigo, reunimos alguns exemplos de p&aacute;ginas que j&aacute; est&atilde;o trabalhando com as ferramentas que prometem mudar totalmente a cara da internet. Como ainda est&atilde;o em est&aacute;gio inicial, pode ser que seu navegador ainda n&atilde;o esteja preparado para lidar com elas: nesse caso, para visualiz&aacute;-las corretamente, recomendamos o uso do <a title="Google Chrome" href="https://www.baixaki.com.br/download/google-chrome.htm" target="_blank">Google Chrome</a> ou do <a title="Safari" href="https://www.baixaki.com.br/download/safari.htm" target="_blank">Safari</a>, caso voc&ecirc; use alguma plataforma da Apple.<h2>Movi Kanti Revo</h2>Inspirado nas apresenta&ccedil;&otilde;es realizadas pelo Cirque Du Soleil, o <a title="Movi Kanti Revo" href="http://www.movikantirevo.com/" target="_blank">Movi Kanti Revo</a> (movimento, canto e sonho, em esperanto) tem o objetivo de reproduzir as sensa&ccedil;&otilde;es provocadas pelas apresenta&ccedil;&otilde;es do grupo. O site, criado para trabalhar com o Google Chrome, convida voc&ecirc; a seguir um personagem misterioso que passa por diversos mundos com caracter&iacute;sticas surreais.<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/APq56KqdfS4?version=3&hl=pt_BR&rel=0" width="560"></iframe>O trabalho se destaca pela capacidade de dispensar completamente o uso do mouse durante a navega&ccedil;&atilde;o. Para isso, a p&aacute;gina se conecta &agrave; webcam presente em seu computador, permitindo que voc&ecirc; fa&ccedil;a gestos diante de seu monitor capazes de controlar totalmente a experi&ecirc;ncia.Segundo a empresa, a p&aacute;gina foi constru&iacute;da misturando elementos de HTML e CSS tradicionais com transi&ccedil;&otilde;es em 3D e APIs em HTML 5. Caso voc&ecirc; esteja interessado em descobrir mais detalhes sobre o processo de cria&ccedil;&atilde;o do experimento, basta acessar o blog Chromium para conferir de perto todas as etapas necess&aacute;rias para mont&aacute;-lo.<h2>Acko.net</h2>Que tal montar uma p&aacute;gina repleta de elementos tridimensionais sem que nenhuma imagem seja usada no processo? &Eacute; essa a proposta do experimento &ldquo;<a title="Make Love to Webkit" href="http://acko.net/blog/making-love-to-webkit/" target="_blank">Making Love to Webkit</a>&rdquo;, desenvolvido pelo Acko.net.<img src="https://tm.ibxk.com.br/2012/9/materias/25016290720164127.jpg" alt="" /> (Fonte da imagem: <a href="http://acko.net/blog/making-love-to-webkit/" target="_blank">Reprodu&ccedil;&atilde;o/Acko.net</a>)Usando uma ferramenta de edi&ccedil;&atilde;o 3D baseada no JavaScript, o criador do site desenvolveu um cabe&ccedil;alho no qual diversas linhas se sobrep&otilde;em e se cruzam de maneira a passar uma grande sensa&ccedil;&atilde;o de profundidade para quem olha para elas. Al&eacute;m de explicar todo o processo usado para desenvolver o projeto, o designer respons&aacute;vel por ele incluiu um editor rudimentar que permite interagir com os elementos da p&aacute;gina, seja incluindo novos itens ou realizando mudan&ccedil;as de perspectiva.<h2>Fat-Man Collective</h2>Criada por um grupo de designers de Barcelona e Londres, a <a title="Fat-Man Collective" href="http://www.fat-man-collective.com/" target="_blank">Fat-Man Collective</a> mostra como a tecnologia pode ser aplicada para desenvolver p&aacute;ginas mais simples e intuitivas. O site aposta em diversos elementos interativos para mostrar como eles podem agir para tornar um endere&ccedil;o mais bonito e f&aacute;cil de navegar.<img src="https://tm.ibxk.com.br/2012/9/materias/25016290720164220.jpg" alt="" /> (Fonte da imagem: <a href="http://www.fat-man-collective.com/" target="_blank">Reprodu&ccedil;&atilde;o/Fat-Man Collective</a>)Destaque especial deve ser dado &agrave; maneira como a rolagem de tela &eacute; feita: em vez de for&ccedil;ar que voc&ecirc; simplesmente mude seu ponto de vista, a p&aacute;gina transporta os conte&uacute;dos que est&atilde;o escondidos diretamente para o seu campo de vis&atilde;o. Al&eacute;m disso, vale prestar aten&ccedil;&atilde;o no pequeno boneco localizado no canto direto da tela, que reage a cada uma das a&ccedil;&otilde;es que voc&ecirc; realiza.<h2>CSS 3D Cube</h2><img src="https://tm.ibxk.com.br/2012/9/materias/25016290720164347.jpg" alt="" /> (Fonte da imagem: <a href="https://www.baixaki.com.br/www.paulrhayes.com/experiments/cube-3d/touch.html" target="_blank">Reprodu&ccedil;&atilde;o/CSS 3D Cube</a>)Criado por Paul Hayes, o <a title="Css 3D Cube" href="http://www.paulrhayes.com/experiments/cube-3d/touch.html" target="_blank">CSS 3D Cube</a> &eacute; um exemplo simples de como o CSS pode ser utilizado para criar elementos tridimensionais que n&atilde;o exigem m&aacute;quinas com poder de processamento avan&ccedil;ado para serem reproduzidos. Al&eacute;m de permitir o uso do ponteiro do mouse para girar livremente o cubo, o experimento oferece a op&ccedil;&atilde;o de reproduzir v&iacute;deos incorporados a ele, sem que isso atrapalhe o desempenho do navegador utilizado.<h2>Rota&ccedil;&atilde;o natural de objetos</h2><img src="https://tm.ibxk.com.br/2012/9/materias/25016290720164635.jpg" alt="" width="487" height="399" /> (Fonte da imagem: <a href="http://www.eleqtriq.com/2010/11/natural-object-rotation-with-css3-3d/" target="_blank">Reprodu&ccedil;&atilde;o/Eleqtriq</a>)Quem j&aacute; acessou alguma p&aacute;gina constru&iacute;da em Flash sabe o quanto a tecnologia pode ser pesada, dificultando o trabalho com elementos tridimensionais. O mesmo n&atilde;o acontece quando se usa o CSS 3D, como bem prova o <a title="Eleqtriq" href="http://www.eleqtriq.com/2010/11/natural-object-rotation-with-css3-3d/" target="_blank">site Eleqtriq</a> &mdash; usando a linguagem, foi desenvolvido um exemplo de uma caixa de cereal em 3D que pode ser vista de diversos &acirc;ngulos simplesmente clicando e mexendo o mouse de um lado para outro.<h2>FPS criado em HTML</h2><img src="https://tm.ibxk.com.br/2012/9/materias/25016290720164813.jpg" alt="" /> (Fonte da imagem: <a href="http://www.keithclark.co.uk/labs/3dcss/demo/" target="_blank">Reprodu&ccedil;&atilde;o/Keith Clark</a>)Usando somente os recursos proporcionados pelo HTML 5 e pelo CSS 3D, o designer Keith Clark criou uma vers&atilde;o rudimentar de um <a title="Keith Clark" href="http://www.keithclark.co.uk/labs/3dcss/demo/" target="_blank">jogo de tiro em primeira pessoa</a> que roda diretamente em seu navegador. Al&eacute;m de mostrar o potencial das novas tecnologias, a p&aacute;gina tamb&eacute;m &eacute; prova de que os games devem ganhar um espa&ccedil;o ainda maior na web em um futuro pr&oacute;ximo.<h2>Transi&ccedil;&otilde;es</h2><img src="https://tm.ibxk.com.br/2012/9/materias/25016290720164925.jpg" alt="" /> (Fonte da imagem: <a href="http://developer.apple.com/safaridemos/showcase/transitions/" target="_blank">Reprodu&ccedil;&atilde;o/Apple</a>)Desenvolvido por engenheiros da Apple, o &ldquo;<a title="Transitions" href="http://developer.apple.com/safaridemos/showcase/transitions/" target="_blank">Transitions</a>&rdquo; &eacute; um experimento que mostra como o CSS pode ser empregado para fazer a transi&ccedil;&atilde;o de diferentes elementos de uma p&aacute;gina. No caso, s&atilde;o usadas diversas imagens que se alternam na tela dependendo do efeito selecionado pelo visitante.<h2>Beercamp</h2><img src="https://tm.ibxk.com.br/2012/9/materias/25016290720165030.jpg" alt="" /> (Fonte da imagem: <a href="http://2011.beercamp.com/" target="_blank">Reprodu&ccedil;&atilde;o/Beercamp</a>)A p&aacute;gina promocional do evento <a title="Beercamp" href="http://2011.beercamp.com/" target="_blank">SXSW Beercamp 2011</a> utiliza elementos tridimensionais para transformar totalmente a maneira como os elementos de uma p&aacute;gina s&atilde;o exibidos. Em vez de optar por transi&ccedil;&otilde;es tradicionais, o site transforma a barra de rolagem de seu navegador em uma ferramenta capaz de determinar a profundidade dos elementos vistos na tela &mdash; o resultado final &eacute; nada menos que impressionante, com direito a refer&ecirc;ncias ao filme &ldquo;Inception&rdquo; (&ldquo;A Origem&rdquo;).<h2>Wonder Webkit</h2><img src="https://tm.ibxk.com.br/2012/9/materias/25016290720165156.jpg" alt="" /> (Fonte da imagem: <a href="http://www.is-real.net/experiments/css3/wonder-webkit/" target="_blank">Reprodu&ccedil;&atilde;o/Wonder Webkit</a>)Embora n&atilde;o seja t&atilde;o chamativo quanto as demais p&aacute;ginas apresentadas neste artigo, o experimento realizado pelo site is-real mostra como o CSS pode ser utilizado para exibir transi&ccedil;&otilde;es mais suaves entre conte&uacute;dos diferentes. Basta passar o ponteiro do mouse sobre qualquer um dos livros dispon&iacute;veis para que surja imediatamente na tela seu t&iacute;tulo e o autor, enquanto um clique sobre qualquer uma das op&ccedil;&otilde;es garante a oportunidade de ver mais detalhes das capas de cada um dos trabalhos.&nbsp;

thumb-image-2024-04-30T03:30:50.640Z

9 sites impressionantes que mostram relances do futuro da internet

Imagem de Wix: como criar sites em HTML5 no site TecMundo

Com apenas alguns passos, você pode ter um site totalmente personalizado e repleto de conteúdo.

<a class="lightbox" rel="artigo" href="https://tm.ibxk.com.br/2012/7/materias/44032943527134052-o.jpg"><img src="https://tm.ibxk.com.br/2012/7/materias/44032943527134052.jpg" alt="" />Ampliar</a> (Fonte da imagem: <a target="_blank">W3C</a>)
Ter um site na internet &eacute; quase obrigat&oacute;rio para quem possui um neg&oacute;cio ou deseja encontrar um meio de expor suas ideias para o mundo. A cada dia, novos recursos aparecem para facilitar a vida de quem deseja criar sua p&aacute;gina na web, mas n&atilde;o possui conhecimento em programa&ccedil;&atilde;o.
O Wix &eacute; um sistema conhecido em todo o mundo que permite a cria&ccedil;&atilde;o de sites completos utilizando os &uacute;ltimos recursos lan&ccedil;ados para o desenvolvimento de um portal, como a linguagem HTML5. Isso faz com que qualquer pessoa consiga construir uma p&aacute;gina na internet, seja para exibir imagens, textos ou v&iacute;deos.
A seguir, voc&ecirc; confere um r&aacute;pido tutorial, o qual mostra todos os passos para voc&ecirc; desenvolver sua p&aacute;gina pessoal com v&aacute;rios recursos visuais interessantes e, o melhor de tudo, sem colocar a m&atilde;o no bolso.
<h2>Voc&ecirc; vai precisar de...</h2>
<ul>
<li>Cadastro no Wix.</li>
</ul>
<a href="https://www.baixaki.com.br/download/wix.htm" target="_blank"><img title="Baixar Wix" src="https://www.baixaki.com.br/imagens/2012/7/materias/2955813816194758.jpg" alt="Baixar Wix" /></a>
<h2>O passo a passo</h2>
<h3>1&ordm;) Escolhendo o modelo</h3>
Depois de acessar o seu perfil no Wix, &eacute; preciso escolher as categorias nas quais o seu futuro site estar&aacute; enquadrado. Ap&oacute;s selecionar as op&ccedil;&otilde;es desejadas, clique em &ldquo;V&Aacute;&rdquo; e aguarde alguns instantes at&eacute; que a tela seguinte seja carregada e exibida.
<img src="https://tm.ibxk.com.br/2012/7/materias/44032943527134516.jpg" alt="" /> (Fonte da imagem: <a target="_blank">Baixaki/Tecmundo</a>)
O pr&oacute;ximo passo consiste em escolher um modelo para o seu site. Para escolher apenas os templates desenvolvidos utilizando a linguagem HTML5, marque a op&ccedil;&atilde;o &ldquo;HTML 5&rdquo; presente na coluna mais &agrave; esquerda.
Quando escolher um dos itens apresentados, clique no bot&atilde;o &ldquo;Editar&rdquo; presente logo abaixo de cada op&ccedil;&atilde;o. N&atilde;o se esque&ccedil;a de conferir o campo &ldquo;Pre&ccedil;o&rdquo; para saber se &eacute; poss&iacute;vel utilizar o template gratuitamente ou se depende do pagamento de algum plano. Voc&ecirc; tamb&eacute;m pode clicar em &ldquo;Ver&rdquo; para conferir como o site funcionar&aacute; quando for publicado e estiver no ar.
<img src="https://tm.ibxk.com.br/2012/7/materias/44032943527134535.jpg" alt="" /> (Fonte da imagem: <a target="_blank">Baixaki/Tecmundo</a>)
<h3>2&ordm;) Personaliza&ccedil;&atilde;o</h3>
Escolhido o modelo, &eacute; hora de come&ccedil;ar a fazer as modifica&ccedil;&otilde;es para que o site fique mais com a cara do seu neg&oacute;cio. Quase todos os itens exibidos na tela podem ser alterados de alguma forma. Para personalizar um elemento, basta clicar sobre ele e aguardar alguns segundos para que o menu de op&ccedil;&otilde;es seja mostrado na tela.
<img src="https://tm.ibxk.com.br/2012/7/materias/44032943527134758.jpg" alt="" /> (Fonte da imagem: <a target="_blank">Baixaki/Tecmundo</a>)
No canto mais &agrave; esquerda, &eacute; poss&iacute;vel visualizar uma pequena barra de ferramentas que conta com quatro op&ccedil;&otilde;es. O primeiro bot&atilde;o &eacute; o &ldquo;P&aacute;ginas&rdquo;, o qual exibe todas as p&aacute;ginas criadas para o seu site, permitindo que voc&ecirc; edite os recursos visuais de cada uma separadamente. &Eacute; poss&iacute;vel arrastar as p&aacute;ginas para cima e para baixo a fim de determinar a ordem de exibi&ccedil;&atilde;o no menu principal do site.
A segunda op&ccedil;&atilde;o da barra de ferramentas &eacute; dedicada ao visual da sua p&aacute;gina web. Por meio dela, voc&ecirc; consegue personalizar itens como a fonte dos textos, esquema de cores do site e a imagem (ou cor) que ser&aacute; exibida ao fundo.
<img src="https://tm.ibxk.com.br/2012/7/materias/44032943527135130.jpg" alt="" /> (Fonte da imagem: <a target="_blank">Baixaki/Tecmundo</a>)
O bot&atilde;o identificado com o &iacute;cone &ldquo;+&rdquo; permite a adi&ccedil;&atilde;o de novos conte&uacute;dos ao site. Texto, imagem, galerias, bot&otilde;es e menus podem ser acrescentados &agrave; interface de cada p&aacute;gina. Al&eacute;m disso, tamb&eacute;m &eacute; poss&iacute;vel inserir bot&otilde;es para o compartilhamento do conte&uacute;do em redes sociais como o Facebook e o Twitter. A funcionalidade &ldquo;AddOn&rdquo; ajuda voc&ecirc; a inserir formul&aacute;rios de contato ou mapas no site.
A &uacute;ltima op&ccedil;&atilde;o da barra de ferramentas traz as configura&ccedil;&otilde;es gerais da sua p&aacute;gina na internet. Favicon, endere&ccedil;o do site, elementos de SEO e estat&iacute;sticas podem ser facilmente personalizados por meio do &uacute;ltimo bot&atilde;o. O legal &eacute; que o Wix oferece uma r&aacute;pida explica&ccedil;&atilde;o a respeito das ferramentas acessadas. Assim fica mais f&aacute;cil alterar os elementos e personaliz&aacute;-los na tela, pois voc&ecirc; sabe exatamente qual item est&aacute; sendo editado.
<img src="https://tm.ibxk.com.br/2012/7/materias/44032943527135315.jpg" alt="" /> (Fonte da imagem: <a target="_blank">Baixaki/Tecmundo</a>)
<h3>3&ordm;) Publicar e divulga&ccedil;&atilde;o</h3>
Quando voc&ecirc; finalizar a personaliza&ccedil;&atilde;o de todos os elementos oferecidos pelo servi&ccedil;o, &eacute; hora de colocar o seu site no ar e divulgar a p&aacute;gina pela internet. Para isso, clique na op&ccedil;&atilde;o &ldquo;Publicar&rdquo;, presente na parte superior direita da tela.
<img src="https://tm.ibxk.com.br/2012/7/materias/44032943527135537.jpg" alt="" /> (Fonte da imagem: <a target="_blank">Baixaki/Tecmundo</a>)
Depois, &eacute; s&oacute; preencher os campos exibidos na tela do Wix. Caso fique com alguma d&uacute;vida, n&atilde;o precisa se preocupar, pois o servi&ccedil;o traz todas as instru&ccedil;&otilde;es bem detalhadas e em portugu&ecirc;s. Assim, &eacute; s&oacute; ler as informa&ccedil;&otilde;es mostradas em cada tela e executar as a&ccedil;&otilde;es desejadas.

thumb-image-2024-04-30T03:31:29.421Z

Wix: como criar sites em HTML5

Imagem de Qual a diferença entre sites em Flash e em HTML5? no site TecMundo

Entenda o que cada uma dessas tecnologias tem para oferecer e qual a vantagem de uma sobre a outra.

<img src="https://tm.ibxk.com.br/2012/7/materias/24660557199258.jpg" alt="" />
&nbsp;
P&aacute;ginas web com conte&uacute;do din&acirc;mico n&atilde;o s&atilde;o mais nenhuma novidade. Gra&ccedil;as ao Flash, da Adobe, hoje &eacute; poss&iacute;vel criar sites totalmente animados e com uma rotatividade de conte&uacute;do muito maior do que antigamente. Mesmo assim, a tecnologia da Adobe deixa um pouco a desejar no quesito velocidade de carregamento, al&eacute;m de exigir a instala&ccedil;&atilde;o do plugin nos navegadores para funcionar corretamente.
Por isso, quando surgiu o HTML5, muitas pessoas diziam que o Flash iria morrer, pois, al&eacute;m de carregar o conte&uacute;do din&acirc;mico de forma muito mais r&aacute;pida do que o seu &ldquo;concorrente&rdquo;, a quinta forma do HTML funciona sem a necessidade de ferramentas extras, desde que o navegador tenha suporte &agrave; tecnologia.
Como voc&ecirc; pode perceber nos par&aacute;grafos acima, Flash e HTML5 possuem suas particularidades e cada um leva vantagem em um determinado ponto. Enquanto um trabalha com Ogg Theora e H.264, o outro faz uso de H.264 e AAC. &Eacute; dif&iacute;cil dizer qual a melhor tecnologia, mas, por enquanto, a melhor op&ccedil;&atilde;o vem sendo o HTML5.
<img src="https://tm.ibxk.com.br/2012/7/materias/24660557199743.jpg" alt="" />
<a class="lightbox" style="display: inline !important;" rel="artigo" href="https://tm.ibxk.com.br/2012/7/materias/24660557199535-o.jpg">Ampliar</a>
Embora o formato mais recente ainda n&atilde;o tenha a mesma quantidade de recursos que o Flash, o seu uso &eacute; bem mais simples e, como citado anteriormente, dispensa o uso de plugins no navegador. Al&eacute;m disso, o conte&uacute;do &eacute; exibido de forma bem mais r&aacute;pida quando o HTML5 &eacute; utilizado, principalmente no caso dos v&iacute;deos.
Para os port&aacute;teis, o HTML5 est&aacute; sendo considerado uma salva&ccedil;&atilde;o. Isso porque alguns aparelhos, como iPhones, iPads e aqueles com a &uacute;ltima vers&atilde;o do Android, n&atilde;o possuem suporte ao Flash. Al&eacute;m de abrir um mercado novo para a nova tecnologia, essa falta de apoio dos dispositivos m&oacute;veis &agrave; Adobe limita muito a reprodu&ccedil;&atilde;o de alguns conte&uacute;dos nas p&aacute;ginas, fazendo com que muitos desenvolvedores recorram ao HTML5.
Mas se voc&ecirc; est&aacute; pensando que o Flash est&aacute; com os dias contados, &eacute; melhor esperar mais um pouco para tirar suas conclus&otilde;es.
<h2>Engatinhando</h2>
Mesmo oferecendo diversas vantagens, o HTML5 possui muitas limita&ccedil;&otilde;es. Para come&ccedil;ar, n&atilde;o s&atilde;o todos os navegadores que suportam a quinta forma do HTML. Apenas Internet Explorer, Chrome e Safari reproduzem corretamente sites desenvolvidos utilizando a tecnologia mais recente.
<a class="lightbox" rel="artigo" href="https://tm.ibxk.com.br/2012/7/materias/24660557199627-o.jpg"><img src="https://tm.ibxk.com.br/2012/7/materias/24660557199627.jpg" alt="" />Ampliar</a> (Fonte da imagem: <a target="_blank">W3C</a>)
&nbsp;
Al&eacute;m disso, o HTML5 n&atilde;o suporta streaming de v&iacute;deos, webcam e reprodu&ccedil;&atilde;o de conte&uacute;do audiovisual em tela cheia. Um problem&atilde;o para portais que dependem de tais funcionalidades para tornar a exibi&ccedil;&atilde;o de alguns itens mais interessante.
Ao que tudo indica, Flash e HTML5 ter&atilde;o que conviver lado a lados por algum tempo. Mas n&atilde;o h&aacute; d&uacute;vida de que a Adobe precisa melhorar, e muito, a sua tecnologia para n&atilde;o perder coloca&ccedil;&atilde;o quando os novos recursos da linguagem de programa&ccedil;&atilde;o web come&ccedil;arem a ganhar seu espa&ccedil;o e a conquistar mais seguidores.
.....
Quer saber um pouco mais a respeito do HTML5? Ent&atilde;o n&atilde;o deixe de acessar o artigo &ldquo;<a href="https://www.tecmundo.com.br/tutorial/23238-como-converter-um-video-para-html5.htm">O que &eacute; HTML5?</a>&rdquo;. Abaixo, voc&ecirc; confere uma lista com alguns sites que utilizam os recursos oferecidos pela nova tecnologia.
<ul>
<li><a href="https://www.youtube.com/">YouTube</a>;</li>
<li><a href="http://www.apple.com/br/safari/">Home do browser Safari</a>;</li>
<li><a href="http://canvaspaint.org/">CanvasPaint</a>;</li>
<li><a href="http://mrdoob.com/125/Multiuser_Sketchpad">Multiuser Sketchpad</a>;</li>
<li><a href="http://mrdoob.com/96/Google_Sphere">Google Sphere</a>.</li>
</ul>
N&atilde;o deixe de ler o artigo &ldquo;<a href="https://www.tecmundo.com.br/html5/13750-14-experimentos-com-html-5-de-cair-o-queixo.htm">14 experimentos com HTML 5 de cair o queixo</a>&rdquo; para visualizar mais algumas caracter&iacute;sticas do HTML5.

thumb-image-2024-04-30T03:31:35.918Z

Qual a diferença entre sites em Flash e em HTML5?

Imagem de Mozilla Thimble ajuda você a criar um site em questão de instantes no site TecMundo

Através de exercícios divertidos, nova ferramenta ajuda pessoas a aprender noções básicas de HTML e CSS.

<img src="https://tm.ibxk.com.br/2012/6/materias/49835280725165359.jpg" alt="" /> (Fonte da imagem: <a href="https://thimble.webmaker.org/en-US/" target="_blank">Reprodu&ccedil;&atilde;o/Mozilla Thimble</a>)
Pensando nas pessoas que querem construir sites pr&oacute;prios, mas que n&atilde;o disp&otilde;em do conhecimento necess&aacute;rio para isso, a Mozilla lan&ccedil;ou recentemente a ferramenta Thimble. Atrav&eacute;s do site desenvolvido pela companhia, qualquer um pode construir uma p&aacute;gina usando uma combina&ccedil;&atilde;o de HTML e CSS, visualizando o resultado obtido em tempo real.
Para quem n&atilde;o tem qualquer familiaridade com as tecnologias, a empresa criou a op&ccedil;&atilde;o &ldquo;Projects&rdquo;. Atrav&eacute;s dela, voc&ecirc; pode editar p&aacute;ginas da web pr&eacute;-formatadas, com objetivos que variam entre desenhar um animal, criar um quadro de avisos, desenhar um mapa do mundo ou limpar os links defeituosos presentes em uma p&aacute;gina.
Entre os destaques do servi&ccedil;o est&aacute; o Web Arcade, local que re&uacute;ne v&aacute;rios jogos cl&aacute;ssicos com um visual &uacute;nico. Al&eacute;m de se divertir, voc&ecirc; tamb&eacute;m pode aprender como dominar diversos recursos b&aacute;sicos de HTML e CSS sem ter que passar por um tutorial chato em que os resultados demoram a aparecer.
O Thimble conta com uma esp&eacute;cie de revisor autom&aacute;tico que conserta c&oacute;digos digitados de forma errada, al&eacute;m de fornecer dicas de como aprimorar o projeto em que voc&ecirc; est&aacute; trabalhando. Todas as ferramentas do servi&ccedil;o podem ser acessadas de maneira totalmente gratuita &mdash; a m&aacute; not&iacute;cia para os brasileiros fica pelo fato de que o servi&ccedil;o s&oacute; est&aacute; dispon&iacute;vel em ingl&ecirc;s, sem contar com uma tradu&ccedil;&atilde;o para o portugu&ecirc;s.
Fonte: <a title="Thimble" href="https://thimble.webmaker.org/en-US/" target="_blank">Mozilla Thimble</a>

thumb-image-2024-04-30T03:31:53.347Z

Mozilla Thimble ajuda você a criar um site em questão de instantes

Imagem de Site interativo em HTML5 promove filme Prometheus no site TecMundo

Vença desafios e se torne um soldado capaz de ser enviado até o espaço sideral.

<img src="https://tm.ibxk.com.br/2012/5/materias/27491018816165442.jpg" alt="" /> (Fonte da imagem: <a href="http://www.projectprometheus.com/trainingcenter/" target="_blank">Reprodu&ccedil;&atilde;o/Project Prometheus Training Center</a>)
Aqui no Brasil, o filme Prometheus vai estrear no dia 16 de junho, mas voc&ecirc; j&aacute; pode se divertir com um aplicativo online que foi criado para promover o filme. Em Project Prometheus Training Center (<a href="http://www.projectprometheus.com/trainingcenter/" target="_blank">clique aqui para acessar</a>), voc&ecirc; ter&aacute; que vencer v&aacute;rios desafios para que possa ser enviado em miss&otilde;es espaciais at&eacute; os planetas mais distantes &ndash; e, quem sabe, encontrar o temido Alien do <a href="https://www.tecmundo.com.br/cinema" target="_blank">cinema</a>.
Com o site j&aacute; aberto, ser&aacute; necess&aacute;rio realizar um pequeno cadastro na criadora do sistema, mas isso pode ser feito por meio de uma conex&atilde;o com o <a href="https://www.tecmundo.com.br/facebook" target="_blank">Facebook</a>. Realizado o processo, voc&ecirc; ser&aacute; encaminhado at&eacute; a sala de treinamento do game. L&aacute;, voc&ecirc; precisar&aacute; desempenhar v&aacute;rias tarefas para que possa ser promovido e ir ao espa&ccedil;o.
<a class="lightbox" rel="artigo" href="https://tm.ibxk.com.br/2012/5/materias/27491018816165523-o.jpg"><img src="https://tm.ibxk.com.br/2012/5/materias/27491018816165523.jpg" alt="" /></a> (Fonte da imagem: <a href="http://www.projectprometheus.com/trainingcenter/" target="_blank">Reprodu&ccedil;&atilde;o/Project Prometheus Training Center</a>)
S&atilde;o cinco fases diferentes para quem utiliza o Internet Explorer e quatro para quem utiliza outros navegadores. Isso acontece porque o Project Prometheus Training Center foi criado em parceria com a Microsoft. Para conferir outras experi&ecirc;ncias web incr&iacute;veis, <a href="https://www.tecmundo.com.br/selecao/23233-5-incriveis-experiencias-web.htm" target="_blank">clique aqui</a>.
Fonte: <a href="http://www.projectprometheus.com/trainingcenter/" target="_blank">Project Prometheus Training Center</a>

thumb-image-2024-04-30T03:32:21.349Z

Site interativo em HTML5 promove filme Prometheus

Imagem de Como converter um vídeo para HTML5 no site TecMundo

Todas as dicas para você utilizar os recursos de vídeo que o HTML5 oferece em seu site.

Exibir v&iacute;deos em uma p&aacute;gina na web tornou-se bem comum, principalmente depois que os portais como o YouTube passaram a oferecer os c&oacute;digos de &ldquo;embed&rdquo;, que permitem incorporar o conte&uacute;do &agrave; qualquer site ou blog facilmente.
Com o surgimento do HTML5, ter v&iacute;deos nas p&aacute;ginas ficou ainda mais simples. Por isso, muitas pessoas procuram maneiras de utilizar o novo recurso oferecido pela quinta forma do HTML em seus blogs e sites pessoais.
N&oacute;s preparamos este r&aacute;pido tutorial a fim de mostrar todos os passos necess&aacute;rios para voc&ecirc; converter os v&iacute;deos para HTML5 e utiliz&aacute;-los em uma p&aacute;gina web. Veja como &eacute; simples!
&nbsp;
<h2>Voc&ecirc; vai precisar de...</h2>
Para a execu&ccedil;&atilde;o dos passos descritos abaixo, voc&ecirc; vai precisar ter o programa Freemake Video Converter instalado em seu computador. A aplica&ccedil;&atilde;o &eacute; compat&iacute;vel com todas as vers&otilde;es mais recentes do Windows e pode ser utilizada em qualquer m&aacute;quina sem problemas.
<a href="https://www.baixaki.com.br/download/freemake-video-converter.htm" target="_blank"><img src="https://tm.ibxk.com.br/2012/5/materias/914082715812821.jpg" alt="" /></a>
<h2>Aten&ccedil;&atilde;o na instala&ccedil;&atilde;o</h2>
Durante o processo de instala&ccedil;&atilde;o do Freemake Video Converter, voc&ecirc; precisa ficar atento para n&atilde;o instalar toolbars indesejadas ou ter as configura&ccedil;&otilde;es pessoais do seu navegador modificadas sem a devida autoriza&ccedil;&atilde;o.
Em uma das telas do assistente, &eacute; poss&iacute;vel escolher entre as op&ccedil;&otilde;es &ldquo;Quick installation (ad-supported)&rdquo; e &ldquo;Parameters settings (Advanced)&rdquo;. Para evitar a adi&ccedil;&atilde;o de barras de ferramentas ao navegador, selecione a segunda op&ccedil;&atilde;o e desmarque todos os itens exibidos abaixo dela, como mostra a imagem a seguir.
<img src="https://tm.ibxk.com.br/2012/5/materias/914082715812139.jpg" alt="" />
Al&eacute;m disso, voc&ecirc; tamb&eacute;m pode selecionar se deseja ou n&atilde;o a instala&ccedil;&atilde;o dos plugins do Freemake Video Converter para o Firefox e o Google Chrome.
<h2>Convertendo os v&iacute;deos</h2>
1) Na tela principal do Freemake Video Converter, clique sobre a op&ccedil;&atilde;o &ldquo;Video&rdquo;, presente na barra de ferramentas superior do programa.
<img src="https://tm.ibxk.com.br/2012/5/materias/9140827158121427.jpg" alt="" />
2) Agora, adicione os v&iacute;deos que deseja converter. Voc&ecirc; pode criar uma lista com quantos arquivos quiser. O programa faz a convers&atilde;o de cada um separadamente.
3) Feito isso, &eacute; hora de selecionar o formato para o qual os arquivos ser&atilde;o convertidos. Na barra de ferramentas localizada na parte inferior da janela do programa, clique na seta para a direita at&eacute; que a op&ccedil;&atilde;o &ldquo;to HTML5&rdquo; seja mostrada.
<img src="https://tm.ibxk.com.br/2012/5/materias/9140827158121517.jpg" alt="" />
4) Clique sobre o item &ldquo;to HTML5&rdquo; e aguarde alguns instantes para que a tela de configura&ccedil;&otilde;es apare&ccedil;a.
5) O pr&oacute;ximo passo &eacute; escolher a resolu&ccedil;&atilde;o para o arquivo de sa&iacute;da. Al&eacute;m das op&ccedil;&otilde;es tradicionais, o Freemake Video Converter tamb&eacute;m permite que o conte&uacute;do seja exibido em alta defini&ccedil;&atilde;o.
<img src="https://tm.ibxk.com.br/2012/5/materias/9140827158121558.jpg" alt="" />
6) Agora, &eacute; s&oacute; escolher o diret&oacute;rio no qual o v&iacute;deo convertido ser&aacute; armazenado e o tamanho limite do arquivo, se assim desejar.
7) Para finalizar o processo, clique em &ldquo;Converter&rdquo; e aguarde at&eacute; que a tarefa seja finalizada.
<h2>V&iacute;deo convertido! E agora?</h2>
Quando os seus v&iacute;deos forem convertidos, o Freemake Video Converter exibe uma tela com os quatro passos necess&aacute;rio para voc&ecirc; exibir os arquivos em uma p&aacute;gina da internet.
De forma resumida, &eacute; preciso hospedar o conte&uacute;do &aacute;udio visual em algum servidor, para que ele possa ser linkado em seu site, e copiar o c&oacute;digo fornecido pelo Freemake Video Converter entre as tags e da sua p&aacute;gina.
<img src="https://tm.ibxk.com.br/2012/5/materias/9140827158122418.jpg" alt="" />
Pronto! Na tela com as instru&ccedil;&otilde;es, tamb&eacute;m &eacute; poss&iacute;vel pr&eacute;-visualizar o v&iacute;deo e ter uma ideia de como ele ser&aacute; mostrado no seu site. Assim, voc&ecirc; pode fazer os ajustes necess&aacute;rio antes mesmo de colocar o conte&uacute;do no ar.
.....
Quer saber mais sobre HTML5? Ent&atilde;o n&atilde;o deixe de conferir o artigo &ldquo;<a href="https://www.tecmundo.com.br/tutorial/23238-como-converter-um-video-para-html5.htm" target="_blank">O que &eacute; HTML 5?</a>&rdquo; e fique por dentro de tudo o que a quinta edi&ccedil;&atilde;o do c&oacute;digo mais utilizado na internet tem para oferecer.

thumb-image-2024-04-30T03:32:27.469Z

Como converter um vídeo para HTML5

Imagem de 5 incríveis experiências web no site TecMundo

Experimente o futuro em seu próprio navegador. Confira algumas das experiências web mais legais da atualidade.

Voc&ecirc; acha que os <a href="https://www.tecmundo.com.br/navegador" target="_blank">navegadores</a> s&atilde;o apenas para carregar p&aacute;ginas e alguns joguinhos em flash? Pois saiba que a tecnologia da internet est&aacute; evoluindo e j&aacute; &eacute; poss&iacute;vel desfrutar de experi&ecirc;ncias incr&iacute;veis nos browsers, fazendo com que as p&aacute;ginas inteiras sirvam como uma &aacute;rea de divers&atilde;o. Est&aacute; duvidando? Pois saiba que isso &eacute; cada vez mais frequente.
Alguns excelentes exemplos est&atilde;o no Baixaki. O <a href="https://www.baixaki.com.br/download/world-s-biggest-pacman.htm">World&rsquo;s Biggest Pacman</a>, por exemplo, cria um ambiente completo baseado no cl&aacute;ssico &ldquo;Come-come&rdquo;. Em <a href="https://www.baixaki.com.br/download/agent-008-ball.htm">Agent 008</a>, voc&ecirc; ver&aacute; o navegador ser transformado em uma sala de sinuca e ter&aacute; de vencer v&aacute;rias partidas. Por fim, temos a vers&atilde;o online de <a href="https://www.baixaki.com.br/download/cut-the-rope-online.htm">Cut the Rope</a>. Confira agora mais algumas incr&iacute;veis experi&ecirc;ncias.
<h2>1. Just a Friend</h2>
Quem nunca soube de algu&eacute;m que se apaixonou pelo melhor amigo ou pela melhor amiga? Em &ldquo;Just a Friend&rdquo; voc&ecirc; viver&aacute; essa experi&ecirc;ncia &ndash; e, se fizer tudo certo, pode mudar o fim da hist&oacute;ria para conseguir um final feliz. Para brincar, <a href="http://www.justafriend.ie/" target="_blank">basta acessar este link</a> e permitir que o aplicativo acesse seus dados no Facebook. Em alguns segundos voc&ecirc; poder&aacute; come&ccedil;ar a se divertir.
<img src="https://tm.ibxk.com.br/2012/5/materias/9368923238114925.jpg" alt="" /> (Fonte da imagem: <a href="http://www.justafriend.ie/" target="_blank">Reprodu&ccedil;&atilde;o/Just a Friend</a>)
Sua melhor amiga &ndash; uma garota muito bonita &ndash; levar&aacute; voc&ecirc; para passear com ela e o namorado, mas logo voc&ecirc; vai perceber que ele n&atilde;o d&aacute; muita aten&ccedil;&atilde;o para ela. &Eacute; sua hora de fazer a diferen&ccedil;a: mostre para a sua amada que voc&ecirc; &eacute; o rapaz certo para ela. Como? Basta executar as tarefas mostradas na tela. Ser&aacute; que voc&ecirc; consegue?
<h2>2. Color Flip</h2>
Criado para mostrar que toda a extens&atilde;o dos navegadores pode ser utilizada para intera&ccedil;&atilde;o, o Color Flip (<a href="http://www.colorflip.com/" target="_blank">clique aqui para acessar</a>) &eacute; uma excelente forma de promover o <a href="https://www.tecmundo.com.br/html5" target="_blank">HTML5</a>. Em qualquer lugar que voc&ecirc; passar o mouse, ver&aacute; que &eacute; poss&iacute;vel interagir com as folhas para mudar as cores mostradas na p&aacute;gina. A aplica&ccedil;&atilde;o foi criada por <a href="http://www.newrafael.com/" target="_blank">Rafa&euml;l Rozendaal</a>, um artista que possui muitos trabalhos interessantes.
<img src="https://tm.ibxk.com.br/2012/5/materias/9368923238115316.jpg" alt="" /> (Fonte da imagem: <a href="http://www.colorflip.com/" target="_blank">Reprodu&ccedil;&atilde;o/Color Flip</a>)
<h2>3. Quadrinhos digitais</h2>
Voc&ecirc; se lembra do filme Tron: Legacy? Pois saiba que a web tamb&eacute;m ganhou uma experi&ecirc;ncia imperd&iacute;vel relacionada a ele. Trata-se de uma p&aacute;gina muito bonita, que narra em quadrinhos toda o enredo principal do filme que fez muito sucesso em 2010 &ndash; e tamb&eacute;m em 1982, quando saiu a primeira vers&atilde;o. Clique <a href="http://disneydigitalbooks.go.com/tron/" target="_blank">aqui para acessar</a> os quadrinhos.
<img src="https://tm.ibxk.com.br/2012/5/materias/9368923238115620.jpg" alt="" /> (Fonte da imagem: <a href="http://disneydigitalbooks.go.com/tron/" target="_blank">Reprodu&ccedil;&atilde;o/Disney Digital Books</a>)
Outro site com hist&oacute;rias em quadrinhos sendo mostradas de uma maneira muito mais inovadora &eacute; o <a href="http://www.nevermindthebullets.com/?fbid=oHkiF-qJh_R" target="_blank">Never Mind the Bullets</a>. Nesse caso, em vez de cen&aacute;rios e hist&oacute;rias futuristas, a a&ccedil;&atilde;o ocorre no Velho Oeste norte-americano. Est&aacute; preparado para ser levado a um mundo de saloons e duelos?
<h2>4. Canvas Cycle</h2>
Os gr&aacute;ficos obtidos nos games 8-bits n&atilde;o eram os mais realistas do mundo, mas quando paramos para analis&aacute;-los novamente, percebemos que eles possuem uma beleza impressionante. E no Canvas Cycle (<a href="http://www.effectgames.com/demos/canvascycle/" target="_blank">clique aqui para acessar</a>) voc&ecirc; vai poder perceber isso das mais variadas formas. S&atilde;o 36 cen&aacute;rios animados, todos criados com a mesma tem&aacute;tica.
<img src="https://tm.ibxk.com.br/2012/5/materias/9368923238115753.jpg" alt="" /> (Fonte da imagem: <a href="http://www.effectgames.com/demos/canvascycle/" target="_blank">Reprodu&ccedil;&atilde;o/Canvas Cycle</a>)
Voc&ecirc; pode ainda modificar a velocidade de execu&ccedil;&atilde;o das anima&ccedil;&otilde;es, assim como aplicar zooms e verificar em quais pontos dos cen&aacute;rios foi utilizada cada um dos tons existentes na tabela de cores. Vale a pena conferir os trabalhos dispon&iacute;veis nesta p&aacute;gina.
<h2>5. Bacardi: Unwrap the Night</h2>
Parecido com o primeiro app apresentado aqui nesta sele&ccedil;&atilde;o, mas com uma tem&aacute;tica diferente. Em vez de colocar voc&ecirc; em uma conquista, <a href="http://www.unwrapthenight.com/Home/Index" target="_blank">Bacardi: Unwrap the Night</a> vai levar a todos para uma festa incr&iacute;vel. Tudo o que voc&ecirc; precisa fazer &eacute; deixar que o sistema acesse seus dados no Facebook para come&ccedil;ar a se divertir.
<img src="https://tm.ibxk.com.br/2012/5/materias/936892323812045.jpg" alt="" /> (Fonte da imagem: <a href="http://www.unwrapthenight.com/Home/Index" target="_blank">Reprodu&ccedil;&atilde;o/Bacardi: Unwrap the Night</a>)
Voc&ecirc; ver&aacute; uma s&eacute;rie de fotografias suas espalhadas pelos cen&aacute;rios, al&eacute;m de poder interagir com v&aacute;rios personagens e visualizar todos os cen&aacute;rios em 360 graus. Tudo rodando diretamente no seu navegador.

thumb-image-2024-04-30T03:32:27.538Z

5 incríveis experiências web

Imagem de Google, Microsoft e Netflix querem implementar proteção contra cópias no HTML5 no site TecMundo

Proposta foi refutada pelo criador da tecnologia, que chamou a sugestão de antiética.

<img src="https://tm.ibxk.com.br/2012/2/materias/6890075682418125.jpg" alt="" />
Aos poucos, provedores de conte&uacute;do est&atilde;o abandonando o Flash e o Silverlight e aderindo ao HTML5. De forma a poder operar melhor com essa tecnologia, empresas como Google, Microsoft e Netflix enviaram uma proposta de modifica&ccedil;&atilde;o do World Wide Web Consortium para inclus&atilde;o de sistemas de prote&ccedil;&atilde;o de direitos autorais.
O W3C &eacute; o respons&aacute;vel pela padroniza&ccedil;&atilde;o de tecnologias e protocolos para a internet. A proposta foi refutada por Ian Hickson, um dos criadores do HTML5, que caracterizou a sugest&atilde;o como anti&eacute;tica, mas sem entrar em mais detalhes sobre o porqu&ecirc; da nega&ccedil;&atilde;o.
Para as empresas, a mudan&ccedil;a poderia ser feita sem que fossem necess&aacute;rias grandes altera&ccedil;&otilde;es na estrutura do HTML 5. Adrian Bateman, diretor de aplicativos da Microsoft, afirmou que a falta de uma prote&ccedil;&atilde;o &ldquo;robusta&rdquo; aos conte&uacute;dos &eacute; o grande empecilho para ado&ccedil;&atilde;o da tecnologia por grandes empresas.

thumb-image-2024-04-30T03:33:13.683Z

Google, Microsoft e Netflix querem implementar proteção contra cópias no HTML5

Imagem de Grooveshark lança versão Beta de aplicativo em HTML5 no site TecMundo

Foco do programa é uso em dispositivos portáteis sem suporte para Flash.

<img src="https://tm.ibxk.com.br/2012/1/materias/81161493514101945.jpg" alt="" width="207" height="207" />
Foi lan&ccedil;ada na &uacute;ltima sexta-feira (13) uma nova vers&atilde;o em <a title="Quais as vantagens do HTML5 para o usu&aacute;rio comum?" href="https://www.tecmundo.com.br/4587-quais-as-vantagens-do-html5-para-o-usuario-comum-.htm" target="_blank">HTML5</a> do Grooveshark, um dos mais populares servi&ccedil;os de streaming de m&uacute;sica da web. O produto dispensa o uso de Flash e, conforme <a title="We&rsquo;re Breaking Teh Internets!" href="http://blog.grooveshark.com/post/15770589331/were-breaking-teh-internets" target="_blank">postagem</a> no blog oficial, funciona em iOS, PlayBook (BlackBerry), TouchPad (HP) e qualquer vers&atilde;o do Android acima da 2.3. Sobre o Windows Phone 7, o pessoal do blog afirmou ter conhecimento de alguns problemas de execu&ccedil;&atilde;o da vers&atilde;o em HTML5, o que parece ter sido corrigido. O aplicativo, ainda em fase de testes, &eacute; bem simples e oferece apenas busca e reprodu&ccedil;&atilde;o de m&uacute;sicas, al&eacute;m das esta&ccedil;&otilde;es de r&aacute;dio (que executam m&uacute;sicas de um mesmo ritmo) e listas com as m&uacute;sicas mais populares. Por enquanto, n&atilde;o &eacute; poss&iacute;vel fazer login nem criar listas de reprodu&ccedil;&atilde;o. Voc&ecirc; pode test&aacute;-lo acessando o endere&ccedil;o <a title="http://html5.grooveshark.com/" href="http://html5.grooveshark.com/" target="_blank">http://html5.grooveshark.com/</a>.

thumb-image-2024-04-30T03:33:38.405Z

Grooveshark lança versão Beta de aplicativo em HTML5

Imagem de YouTube melhora sistema HTML5 no site TecMundo

Linguagem mais dinâmica passa a ser cada vez mais presente no serviço de vídeos online da Google.

<img style="text-align: center;" src="https://tm.ibxk.com.br/2011/11/materias/3060350052213325.jpg" alt="" />
Visando substituir os plugins <a href="https://www.baixaki.com.br/download/adobe-flash-player.htm" target="_blank">Adobe Flash</a>, a <a href="https://www.tecmundo.com.br/google" target="_blank">Google</a> vai melhorando &ndash; aos poucos - o sistema <a href="https://www.tecmundo.com.br/html5" target="_blank">HTML5</a> que est&aacute; sendo implementado no YouTube. A nova linguagem deve oferecer muito mais dinamismo no futuro, permitindo ainda que os conte&uacute;dos multim&iacute;dia sejam habilitados na pr&oacute;pria codifica&ccedil;&atilde;o da p&aacute;gina, sem demandar softwares adicionais para a reprodu&ccedil;&atilde;o deles.
E as novidades anunciadas no blog oficial da Google s&atilde;o bastante interessantes. Agora, anota&ccedil;&otilde;es e legendas tamb&eacute;m poder&atilde;o ser aplicadas aos v&iacute;deos nos formatos aceitos pelo HTML5. Links de embutir v&iacute;deos e endere&ccedil;os tamb&eacute;m podem ser copiados pelo pr&oacute;prio filme, sem demandar op&ccedil;&otilde;es externas. Por fim, resolu&ccedil;&otilde;es Full HD est&atilde;o sendo habilitadas.
Os usu&aacute;rios do YouTube j&aacute; podem desfrutar das novidades ativando o HTML5 do YouTube <a href="https://www.youtube.com/html5" target="_blank">por este link</a>. Por enquanto, somente os navegadores <a href="https://www.baixaki.com.br/download/google-chrome.htm" target="_blank">Google Chrome</a> e <a href="https://www.baixaki.com.br/download/mozilla-firefox.htm" target="_blank">Mozilla Firefox</a> est&atilde;o na lista de softwares compat&iacute;veis com o novo sistema. Al&eacute;m disso, v&iacute;deos com an&uacute;ncios ainda n&atilde;o est&atilde;o sendo suportados.

thumb-image-2024-04-30T03:34:07.805Z

YouTube melhora sistema HTML5

Imagem de Adobe diz: o Flash não poderia competir com o HTML5 no site TecMundo

Pouco tempo depois de anunciar o fim do Flash para smartphones e tablets, a Adobe explica os reais motivos.

<img src="https://tm.ibxk.com.br/2011/11/materias/307787191285253.jpg" alt="" />
Na &uacute;ltima quarta-feira, a <a href="https://www.tecmundo.com.br/adobe" target="_blank">Adobe</a> anunciou que estava <a href="https://www.tecmundo.com.br/flash/15153-adobe-anuncia-o-fim-do-flash-para-celulares-e-tablets.htm" target="_blank">prestes a descontinuar</a> o suporte ao <a href="https://www.tecmundo.com.br/flash" target="_blank">Flash</a> para smartphones e tablets de todos os sistemas operacionais (inclusive do <a href="https://www.tecmundo.com.br/android" target="_blank">Android</a>). Agora, a empresa explicou quais foram os motivos para que essa decis&atilde;o fosse tomada: &ldquo;uma das grandes raz&otilde;es foi a dura competi&ccedil;&atilde;o com o <a href="https://www.tecmundo.com.br/html5" target="_blank">HTML5</a>, que &eacute; muito mais suportado em navegadores port&aacute;teis do que o Flash pode esperar ser&rdquo;.
Essa frase &eacute; de Mike Chambers, gerente de produto da Adobe. Ele disse, em seu <a href="http://www.mikechambers.com/blog/2011/11/11/clarifications-on-flash-player-for-mobile-browsers-the-flash-platform-and-the-future-of-flash/" target="_blank">blog oficial</a>, que a empresa vai realmente dedicar seus esfor&ccedil;os para ampliar a compatibilidade oferecida pelo Adobe AIR e, principalmente, conseguir criar formas de produzir conte&uacute;do em HTML5 de uma maneira mais simples.
<h2>Vers&atilde;o 11.1 lan&ccedil;ada nesta semana</h2>
Isso mostra que a Adobe ainda pretende investir no mercado Mobile. Vale lembrar que, apesar de deixar o Flash para port&aacute;teis de lado, a vers&atilde;o para desktops n&atilde;o ser&aacute; abandonada. Quem j&aacute; possui o plugin instalado no celular ou tablet pode atualiz&aacute;-lo para a vers&atilde;o 11.1, que foi lan&ccedil;ada recentemente (ainda h&aacute; suporte e atualiza&ccedil;&otilde;es de seguran&ccedil;a para a vers&atilde;o).
Uma s&eacute;rie de corre&ccedil;&otilde;es foi lan&ccedil;ada no pacote, o que inclui modifica&ccedil;&otilde;es no sistema de streaming do <a href="https://www.tecmundo.com.br/eletronicos/celular/samsung-galaxy-s-ii/" target="_blank">Samsung Galaxy S II</a> e a aplica&ccedil;&atilde;o de permiss&otilde;es para v&iacute;deos em 1080p para os processadores <a href="https://www.tecmundo.com.br/nvidia/15158-nvidia-revela-tudo-sobre-o-processador-tegra-3-quad-core.htm" target="_blank">NVIDIA Tegra 3 (quad-core)</a>. Bugs de seguran&ccedil;a tamb&eacute;m foram estabilizados.

thumb-image-2024-04-30T03:34:12.301Z

Adobe diz: o Flash não poderia competir com o HTML5

Imagem de 14 experimentos com HTML 5 de cair o queixo no site TecMundo

Descubra algumas das possibilidades de criação proporcionadas por essa linguagem que tem tudo para desbancar o Flash da Adobe.

Nos &uacute;ltimos meses, o HTML 5 vem ganhando destaque por conquistar cada vez mais um espa&ccedil;o que at&eacute; ent&atilde;o parecia exclusivo das aplica&ccedil;&otilde;es em Flash. Embora o software da Adobe continue sendo usado por uma grande quantidade de sites, a falta de suporte &agrave; tecnologia em produtos Apple e, futuramente, tamb&eacute;m no <a title="Adobe se pronuncia quanto &agrave; falta do Flash no Windows 8" href="https://www.tecmundo.com.br/13455-adobe-se-pronuncia-quanto-a-falta-do-flash-no-windows-8.htm" target="_blank">Windows 8</a>, faz com que&nbsp; surjam d&uacute;vidas quanto a seu futuro.&Eacute; f&aacute;cil entender os motivos pelos quais o <a title="HTML 5" href="https://www.tecmundo.com.br/2254-o-que-e-html-5-.htm" target="_blank">HTML 5</a> ganha cada vez mais espa&ccedil;o e conquista a prefer&ecirc;ncia das fabricantes. Dispensando totalmente a instala&ccedil;&atilde;o de qualquer esp&eacute;cie de plugin, a tecnologia permite inserir v&iacute;deos, jogos e conte&uacute;dos interativos em sites de uma forma simples para o desenvolvedor e mais confort&aacute;vel para o usu&aacute;rio.Para tornar o processo de desenvolvimento mais simples, a linguagem utiliza tags objetivas que dispensam o uso de c&oacute;digos complicados para o desenvolvimento de sites mais interessantes. Nesse artigo, apresentamos alguns exemplos do que pode ser feito por essa tecnologia que deve mudar de forma substancial a internet nos pr&oacute;ximos anos.<h2>The Wilderness Downtown</h2><a title="The Wilderness Downtwon" href="http://thewildernessdowntown.com/" target="_blank">Nesse endere&ccedil;o</a>, basta digitar o nome de uma cidade qualquer para transform&aacute;-la em uma pe&ccedil;a importante dentro de um videoclipe. Para tornar o resultado mais interessante, s&atilde;o abertas diversas abas com tamanho vari&aacute;vel no navegador, cada uma mostrando um &acirc;ngulo diferente da a&ccedil;&atilde;o.<img src="https://tm.ibxk.com.br/materias/13750/55501.jpg" alt="" />Para obter um filme com mais elementos, &eacute; indispens&aacute;vel escolher uma localiza&ccedil;&atilde;o que esteja retratada no servi&ccedil;o Google Street View. Depois de assistir ao resultado final, &eacute; poss&iacute;vel compartilh&aacute;-lo com amigos atrav&eacute;s de sites como o Facebook e o Twitter.<h2>Flower Power</h2>Exemplo da interatividade, o <a title="FlowerPower" href="http://www.openrise.com/lab/FlowerPower/" target="_blank">FlowerPower</a> &eacute; um site que permite aos usu&aacute;rios escrever ou desenhar qualquer coisa usando flores que desabrocham com um simples clique do mouse.<img src="https://tm.ibxk.com.br/materias/13750/55515.jpg" alt="" />Controladores na parte superior da tela permitem alterar o tamanho da escrita e at&eacute; mesmo a velocidade com que as flores surgem. O resultado &eacute; s&oacute; uma mostra do que o HTML 5 pode entregar sem em nenhum momento interferir no desempenho de um navegador.<h2>WebGL Water Simulation</h2><iframe allowfullscreen="" frameborder="0" height="360" src="https://www.youtube.com/embed/R0O_9bp3EKQ?version=3&hl=pt_BR&rel=0" width="480"></iframe>Recomendado somente para quem possui instalada uma placa de v&iacute;deo um pouco mais atual, o <a title="WebGL Water Simulation" href="http://madebyevan.com/webgl-water/" target="_blank">WebGL Water Simulation</a> &eacute; um belo exemplo das capacidade 3D do HTML 5. Esse experimento mostra uma intera&ccedil;&atilde;o com a &aacute;gua extremamente realista, incluindo uma fonte de luz que se adapta ao posicionamento de cada elemento e ao &acirc;ngulo de visualiza&ccedil;&atilde;o escolhido pelo usu&aacute;rio.<h2>ROME</h2>Um surpreendente videoclipe interativo que mistura filmagens com atores reais, anima&ccedil;&atilde;o em 3D e desenhos tradicionais, <a title="ROME" href="http://www.ro.me/" target="_blank">ROME</a> guia o usu&aacute;rio por uma viagem surreal em que nada &eacute; o que realmente parece ser.<img src="https://tm.ibxk.com.br/materias/13750/55705.jpg" alt="" />A intera&ccedil;&atilde;o com os elementos presentes na tela se d&aacute; atrav&eacute;s do ponteiro do mouse, que pode ser usado para mudar o &acirc;ngulo da c&acirc;mera, revelando detalhes que normalmente passariam despercebidos. Al&eacute;m disso, tamb&eacute;m podem ocorrer transforma&ccedil;&otilde;es em elementos do cen&aacute;rio, com resultados bastante coloridos e surreais. Para obter um melhor desempenho, &eacute; imprescind&iacute;vel o uso do navegador <a title="Google Chrome" href="https://www.baixaki.com.br/download/google-chrome.htm" target="_blank">Google Chrome</a>.<h2>Voxels</h2><img src="https://tm.ibxk.com.br/materias/13750/55516.jpg" alt="" />Uma esp&eacute;cie de <a title="Voxels" href="http://mrdoob.com/129/Voxels" target="_blank">LEGO virtual</a> no qual &eacute; poss&iacute;vel adicionar uma grande quantidade de pe&ccedil;as das mais variadas cores. Usando somente o ponteiro do mouse, o usu&aacute;rio pode mudar rapidamente o &acirc;ngulo de vis&atilde;o e mudar o n&iacute;vel de zoom dos elementos apresentados na tela.<h2>Google Sphere</h2><img src="https://tm.ibxk.com.br/materias/13750/55519.jpg" alt="" />Que tal se, em vez de apresentar os resultados de uma busca na forma de listas, o Google aproveitasse melhor o espa&ccedil;o em branco dispon&iacute;vel em sua p&aacute;gina inicial? &Eacute; justamente isso que faz o <a title="Google Sphere" href="http://mrdoob.com/96/Google_Sphere" target="_blank">Sphere</a>, transformando qualquer busca em uma verdadeira nuvem de tags interativa.<h2>Conductor</h2><img src="https://tm.ibxk.com.br/materias/13750/55520.jpg" alt="" />Diversas <a title="Conductor" href="http://www.mta.me/" target="_blank">linhas se movem de forma totalmente aleat&oacute;ria pela tela</a> e, ao se cruzarem, resultam na reprodu&ccedil;&atilde;o de diferentes notas musicais. O usu&aacute;rio possui a liberdade de usar o ponteiro do mouse para interagir com qualquer elemento da tela, em uma experi&ecirc;ncia que impressiona pela criatividade.<h2>Asteroids</h2><img src="https://tm.ibxk.com.br/materias/13750/55521.jpg" alt="" />Uma <a title="Asteroids" href="http://www.kevs3d.co.uk/dev/asteroids/" target="_blank">recria&ccedil;&atilde;o em tr&ecirc;s dimens&otilde;es do jogo cl&aacute;ssico lan&ccedil;ado pela Atari</a> em 1979, essa vers&atilde;o de Asteroids apresenta gr&aacute;ficos atualizados que rodam diretamente no navegador, dispensando a instala&ccedil;&atilde;o de qualquer plugin. Ideal para passar o tempo em uma tarde de t&eacute;dio.<h2>Ball Pool</h2>Nessa <a title="Ball Pool" href="http://mrdoob.com/projects/chromeexperiments/ball_pool/" target="_blank">bela experi&ecirc;ncia com HTML 5</a>, o usu&aacute;rio tem &agrave; disposi&ccedil;&atilde;o bolas de diversos tamanhos que pode movimentar da maneira que deseja pela tela. O projeto se destaca pela f&iacute;sica realista e pela intera&ccedil;&atilde;o que possui com o navegador.<img src="https://tm.ibxk.com.br/materias/13750/55524.jpg" alt="" />N&atilde;o deixe de testar a&ccedil;&otilde;es como clicar duas vezes sobre um objeto, selecionar o plano de fundo ou literalmente chacoalhar o navegador para ver as bolas saltando de um lado para o outro da tela. A experi&ecirc;ncia &eacute; interessante o bastante para justificar a perda de uma boa quantidade de minutos em frente ao computador.<h2>Magnetic</h2><img src="https://tm.ibxk.com.br/materias/13750/55523.jpg" alt="" />Aprenda mais sobre <a title="Magnetic" href="http://hakim.se/experiments/html5/magnetic/02/" target="_blank">a forma como &iacute;m&atilde;s atuam</a> sobre part&iacute;culas presentes no ambiente e entre si mesmos. Al&eacute;m de arrastar os elementos da tela, o usu&aacute;rio pode adicionar novos &iacute;m&atilde;s com tamanhos vari&aacute;veis usando um duplo clique do mouse em qualquer lugar do ambiente.<h2>Z-Type</h2><img src="https://tm.ibxk.com.br/materias/13750/55526.jpg" alt="" />Teste sua velocidade de digita&ccedil;&atilde;o nesse <a title="Z-Type" href="http://www.phoboslab.org/ztype/" target="_blank">jogo viciante</a> em que o objetivo &eacute; escrever o mais r&aacute;pido poss&iacute;vel as palavras que surgem na tela. Cada letra correta garante um tiro, e &eacute; preciso uma boa habilidade no teclado para derrotar os inimigos que surgem nos est&aacute;gios mais avan&ccedil;ados do t&iacute;tulo.<h2>BreakDOM</h2><img src="https://tm.ibxk.com.br/materias/13750/55527.jpg" alt="" />Nesse <a title="BreakDOM" href="http://hakim.se/experiments/html5/breakdom/" target="_blank">remake do game Breakout</a>, o jogador utiliza uma barra de rolagem para controlar uma bola respons&aacute;vel por eliminar diversas caixas de sele&ccedil;&atilde;o. Os controles s&atilde;o simples e podem ser efetuados tanto atrav&eacute;s do mouse quanto pelas setas do teclado.<h2>Trail</h2><img src="https://tm.ibxk.com.br/materias/13750/55528.jpg" alt="" />Fa&ccedil;a desenhos coloridos na tela do navegador usando <a title="Trail" href="http://hakim.se/experiments/html5/trail/02/" target="_blank">tra&ccedil;os que acompanham a movimenta&ccedil;&atilde;o do ponteiro do mouse</a>. Para expandir o raio dos tra&ccedil;os que ficam girando de forma constante, basta pressionar e segurar o bot&atilde;o esquerdo do dispositivo.<h2>Typographic Rain</h2>Uma <a title="Typographic Rain" href="http://andrew-hoyer.com/experiments/rain/" target="_blank">verdadeira chuva de caracteres</a> vai inundar seu navegador neste experimento que mostra como diferentes elementos de HTML 5 podem interagir entre si. Cada uma das letras que &ldquo;chove&rdquo; na tela &eacute; constitu&iacute;da por um c&oacute;digo diferente, que responde de forma realista aos demais elementos da tela.<img src="https://tm.ibxk.com.br/materias/13750/55529.jpg" alt="" />Al&eacute;m de contar com uma esp&eacute;cie de guarda-chuva que bloqueia determinados caracteres, o usu&aacute;rio pode alterar o tamanho das letras, a frequ&ecirc;ncia com que elas caem e at&eacute; mesmo o n&iacute;vel da gravidade presente no ambiente.

thumb-image-2024-04-30T03:34:32.949Z

14 experimentos com HTML 5 de cair o queixo

Imagem de Swiffy da Google converte animações em Flash para HTML 5 no site TecMundo

Novidade está disponível através do Google Labs, e só pode ser exibida corretamente através do Google Chrome e do Safari.

<img src="https://tm.ibxk.com.br/materias/11110/45766.jpg" alt="" /> (Fonte da imagem: <a href="http://swiffy.googlelabs.com/" target="_blank">Google Swifty</a>)
A Google anunciou nesta ter&ccedil;a-feira (28 de junho) o lan&ccedil;amento da primeira vers&atilde;o do<a title="Google Swifty" href="http://swiffy.googlelabs.com/" target="_blank"> Swiffy</a>, software capaz de converter anima&ccedil;&otilde;es feitas em Flash para o padr&atilde;o HTML 5. A novidade, que ainda est&aacute; em fase de testes, permite que conte&uacute;dos antigos sejam convertidos de forma integral para os novos padr&otilde;es da internet , sem que seja preciso refaz&ecirc;-los inteiramente.
O projeto foi desenvolvido a partir de uma ideia do engenheiro Pieter Senster, e teve como objetivo b&aacute;sico permitir a exibi&ccedil;&atilde;o de anima&ccedil;&otilde;es antigas em dispositivos que n&atilde;o suportam o Adobe Flash Player. O Swiffy est&aacute; dispon&iacute;vel atrav&eacute;s do Google Labs e, at&eacute; o momento, ainda possui limita&ccedil;&otilde;es que o impedem de converter com efici&ecirc;ncia todos os arquivos adicionados.
No site oficial da novidade, h&aacute; alguns exemplos de anima&ccedil;&otilde;es convertidas, por&eacute;m o conte&uacute;do s&oacute; &eacute; exibido corretamente nos navegadores <a title="Google Chrome" href="https://www.baixaki.com.br/download/google-chrome.htm" target="_blank">Google Chrome</a> e <a title="Safari" href="https://www.baixaki.com.br/download/safari.htm" target="_blank">Safari</a>. No momento, os arquivos resultantes possuem tamanho semelhante aos originais, por&eacute;m, vale lembrar que isso pode mudar em um futuro pr&oacute;ximo, devido ao est&aacute;gio bastante inicial do projeto.

thumb-image-2024-04-30T03:35:09.872Z

Swiffy da Google converte animações em Flash para HTML 5

Imagem de Conheça o maior labirinto de Pac-Man do mundo no site TecMundo

Página em HTML5 foi criada por usuários do Facebook e contém centenas de fases-labirintos de um dos jogos mais clássicos de todos os tempos.

<a class="lightbox" title="O maior Pac-Man do mundo" rel="artigo" href="https://www.baixaki.com.br/imagens/materias//9641/39903.jpg"><img src="https://www.baixaki.com.br/imagens/materias//9641/39903.jpg" alt="" width="600" />Ampliar</a>O maior Pac-Man do mundo (Fonte da imagem: Reprodu&ccedil;&atilde;o)
Se voc&ecirc; &eacute; f&atilde; de Pac-Man, vai delirar com o &ldquo;<a title="The World&rsquo;s Biggest Pac-Man" href="http://worldsbiggestpacman.com/" target="_blank">The World&rsquo;s Biggest Pac-Man</a>&rdquo;, ou, traduzido, o maior Pac-Man do mundo. A p&aacute;gina conta com mais de 950 fases interligadas, criadas por usu&aacute;rios do Facebook, e reproduz de diversas maneiras a experi&ecirc;ncia de conduzir do personagem mais comil&atilde;o do mundo dos games.
Para jogar, voc&ecirc; pode fazer login em sua conta do Facebook ou apenas se divertir, sem cadastro nem nada. A p&aacute;gina exibe pain&eacute;is com o seu desempenho, com as estat&iacute;sticas gerais de todos os jogos e com um ranking de pontua&ccedil;&atilde;o de acordo com o pa&iacute;s dos jogadores. O &ldquo;The World&rsquo;s Biggest Pac-Man&rdquo; tem ainda um navegador &ndash; um minimapa, que facilita a localiza&ccedil;&atilde;o dos jogadores nessa enorme cidade de labirintos.
Apesar de j&aacute; contar com quase 1 mil op&ccedil;&otilde;es diferentes de labirintos, o jogo, que &eacute; desenvolvido em <a title="Quais as vantagens do HTML5 para o usu&aacute;rio comum?" href="https://www.baixaki.com.br/tecnologia/4587-quais-as-vantagens-do-html5-para-o-usuario-comum-.htm" target="_blank">HTML5</a>, permite que voc&ecirc; crie mais mapas, tendo apenas a imagina&ccedil;&atilde;o como limite. Tamb&eacute;m &eacute; poss&iacute;vel reportar mapas problem&aacute;ticos.
Acesse logo o jogo, divirta-se e relembre mais um cl&aacute;ssico do mundo dos games. Lembre-se de que para jogar &eacute; precisto ter um navegador com suporte &agrave; tecnologia HTML5 (as &uacute;ltimas vers&otilde;es dos principais browsers j&aacute; est&atilde;o prontas para ela).

thumb-image-2024-04-30T03:35:29.562Z

Conheça o maior labirinto de Pac-Man do mundo

O choque ao assistir esse filme pela primeira vez e a tristeza 🥺 #cenasdefilmes #umolhardoparaiso #saoirseRonan #stanleytucci

"Meu sobrenome é Salmão, igual ao peixe. Primeiro nome: Susie." 😢

Melhores Cenas

Os fones mais diferenciados da Huawei tanto em design quanto em funcionalidade estão recebendo oficialmente uma cor nova aqui no Brasil! É o FreeClip, que têm características que a gente não encontra na grande maioria dos fones de ouvido, mesmo entre os modelos True Wireless. 🔥 Saiba mais sobre o Huawei FreeClip: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/FreeClipHuawei #[Tipo: Publieditorial] #[Tipo: Shorts] Extensão do TecMundo: encontre cupons escondidos nas principais lojas online: <a href="http://" target="_blank" rel="nofollow noopener">http://</a>bit.ly/3ZkKOji - Os melhores cupons Online para você! <a href="https://www." target="_blank" rel="nofollow noopener">https://www.</a>tecmundo.com.br/cupons 💡 Participe dos canais do TecMundo no WhatsApp! - TecMundo: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/whatstecmundo - Voxel: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/whatsvoxel - Mega Curioso: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/whatsmegacurioso - Minha Série: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/whatsminhaserie - The BRIEF: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/3JSpOKX 💡 Temos grupos também no Telegram! - TecMundo: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/3JZoTbm - Voxel: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/telegramvoxel - Mega Curioso: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/telegrammegacurioso - Minha Série: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/telegramminhaserie - The BRIEF: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/telegramthebrief CRÉDITOS Roteiro: Leonardo Rocha Apresentação: Leonardo Rocha Imagens e áudio: Felipe Pedro (Felps) e Gustavo Katsumi Produção: Diana Pordeus e Vitória Schmitz Edição de vídeo: Larissa Kinoshita A melhor programação está no TecMundo - História da Tecnologia - Análises, Unboxings e tudo sobre Produtos! - TecDocs - Matérias especiais - Assistência Tec - Lives de tradução e cobertura de eventos - Listas - Hoje no TecMundo #Tecnologia #FashionForward #TecMundo

Tem cor nova chegando para os fones mais diferenciados da #Huawei ! #huaweifreeclip #fashioedge

Dicas e apresentações de produtos, softwares e serviços

Shorts

Um smartwatch premium de verdade precisa combinar tecnologias e recursos avançados com um design elegante e sofisticado que você só encontra em um acessório de luxo. E o Huawei Watch ULTIMATE traz essa combinação como nenhum outro relógio conectado faz! - Saiba mais sobre o Huawei Watch Ultimate: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/huaweiultimate #[Tipo: Publieditorial] #[Tipo: Shorts] Extensão do TecMundo: encontre cupons escondidos nas principais lojas online: <a href="http://" target="_blank" rel="nofollow noopener">http://</a>bit.ly/3ZkKOji - Os melhores cupons Online para você! <a href="https://www." target="_blank" rel="nofollow noopener">https://www.</a>tecmundo.com.br/cupons 💡 Participe dos canais do TecMundo no WhatsApp! - TecMundo: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/whatstecmundo - Voxel: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/whatsvoxel - Mega Curioso: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/whatsmegacurioso - Minha Série: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/whatsminhaserie - The BRIEF: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/3JSpOKX 💡 Temos grupos também no Telegram! - TecMundo: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/3JZoTbm - Voxel: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/telegramvoxel - Mega Curioso: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/telegrammegacurioso - Minha Série: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/telegramminhaserie - The BRIEF: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/telegramthebrief CRÉDITOS Roteiro: Leonardo Rocha Apresentação: Leonardo Rocha Imagens e áudio: Felipe Pedro (Felps) e Gustavo Katsumi Produção: Vitória Schmitz Edição de vídeo: Larissa Kinoshita A melhor programação está no TecMundo - História da Tecnologia - Análises, Unboxings e tudo sobre Produtos! - TecDocs - Matérias especiais - Assistência Tec - Lives de tradução e cobertura de eventos - Listas - Hoje no TecMundo #huaweiultimate #fashionforward #tecmundo

O smartwatch premium de verdade que você merece! Huawei Watch ULTIMATE #fashionedge #huawei

O SSD externo Lexar SL400 é um acessório que promete entregar um setup profissional para você que usa sempre o celular para criar conteúdo. Ele traz um pacote muito completo que inclui até um hub USB-C, aí você consegue plugar microfones, carregadores e outros acessórios ao mesmo tempo. 🔥 Extensão do TecMundo: encontre cupons escondidos nas principais lojas online: <a href="http://" target="_blank" rel="nofollow noopener">http://</a>bit.ly/3ZkKOji - Os melhores cupons Online para você! <a href="https://www." target="_blank" rel="nofollow noopener">https://www.</a>tecmundo.com.br/cupons 💡 Participe dos canais do TecMundo no WhatsApp! - TecMundo: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/whatstecmundo - Voxel: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/whatsvoxel - Mega Curioso: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/whatsmegacurioso - Minha Série: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/whatsminhaserie - The BRIEF: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/3JSpOKX 💡 Temos grupos também no Telegram! - TecMundo: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/3JZoTbm - Voxel: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/telegramvoxel - Mega Curioso: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/telegrammegacurioso - Minha Série: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/telegramminhaserie - The BRIEF: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/telegramthebrief CRÉDITOS Roteiro e apresentação: Wellington Arruda Imagens e áudio: Wellington Arruda Edição de vídeo: Rodrigo Doze Motion Graphics: Gustavo Silva A melhor programação está no TecMundo - História da Tecnologia - Entenda - Análises, Unboxings e tudo sobre Produtos! - TecDocs - Matérias especiais - Assistência Tec - Drops de Notícias - Listas - Hoje no TecMundo #Lexar #Computex2024 #ssd #TecMundo

Mini SSD Lexar SL400: setup profissional só com o celular #ssd #lexar

As melhores séries de ficção científica para assistir HOJE! #silo #Duna #Dunaaprofecia #MatériaEscura #Ficçãocientifica #dicasdeséries #appletv #Max

As 3 MELHORES séries RECENTES de Ficção Científica para assistir HOJE!

Dicas de Séries

A Xiaomi acabou de lançar os novos Redmi Note 14! Os novos Redmi Note 14 4G, Note 14 5G, Redmi Note 14 Pro e Note 14 Pro+ chegam ao Brasil com preços que vão de R$ 2,5 mil até R$ 6 mil. Extensão do TecMundo: encontre cupons escondidos nas principais lojas online: <a href="http://" target="_blank" rel="nofollow noopener">http://</a>bit.ly/3ZkKOji - Os melhores cupons Online para você! <a href="https://www." target="_blank" rel="nofollow noopener">https://www.</a>tecmundo.com.br/cupons 💡 Participe dos canais do TecMundo no WhatsApp! - TecMundo: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/whatstecmundo - Voxel: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/whatsvoxel - Mega Curioso: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/whatsmegacurioso - Minha Série: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/whatsminhaserie - The BRIEF: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/3JSpOKX 💡 Temos grupos também no Telegram! - TecMundo: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/3JZoTbm - Voxel: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/telegramvoxel - Mega Curioso: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/telegrammegacurioso - Minha Série: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/telegramminhaserie - The BRIEF: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/telegramthebrief CRÉDITOS Roteiro e apresentação: Wellington Arruda Imagens e áudio: Gustavo Katsumi Edição de vídeo: Rafael Nogoceke Motion Graphics: Gustavo Silva A melhor programação está no TecMundo - História da Tecnologia - Análises, Unboxings e tudo sobre Produtos! - TecDocs - Matérias especiais - Assistência Tec - Lives de tradução e cobertura de eventos - Listas - Hoje no TecMundo #xiaomi #redmi #redminote14series #TecMundo

Redmi Note 14 lançado: câmera de 200 MP e até R$ 6 mil #xiaomi  #smartphone

Série de espionagem com Noah Centineo é a dica da vez para maratonar! A segunda temporada de Recruta chega em 30/jan na Netflix #noahCentineo #Recruta #Recruit #netflix #sériesnetflix #dicasdeséries

Série RECRUTA com Noah Centineo estreia hoje

Será que Karla Sofia Gascón pode perder a indicação ao Oscar pelas falas sobre a equipe de Fernanda Torres? Saiba mais sobre a polêmica aqui! #karlasofiagascon #oscar2025 #fernandatorres #oscars #aindaestouaqui #emiliaperez #polemica #treta #notícia #news #oscar

🚨Karla Sofia Gascón vai PERDER indicação ao OSCAR? #emiliaperez

Notícias sobre Filmes

Anora acabou de chegar aos cinemas e eu já assisti! Se você quer um filme divertido, mas com um toque de drama, esse é para você! #Anora #Oscar #filmesdoOscar #Dicasdefilmes #mikeyMadison

Dançarina erótica e herdeiro Russo, este é "ANORA": um conto de fadas destinado ao fracasso

Dicas de Filmes

#huawei #watchultimate #fashionedge [Tipo: Publieditorial]

Tecnologia avançada com até 14 dias de bateria! Só nos smartwatchs da Huawei! #fashionforward

Meu Secretário perfeito foi o primeiro k-drama a estrear em 2025 e está conquistando corações na dramaland. Aqui, a Ari te conta por que você deve começar a assistir o quanto antes! 🫰 #meusecretarioperfeito #lovescout #kdramas #doramas #viki

MEU SECRETÁRIO PERFEITO

Johanna Sacreblu você é FAMOSA! Um grupo de mexicanos decidiram "homenagear" Emilia Perez, criando sua própria versão. #emiliaperez#Joahannesacreblu #humor #camilaaurora #mexico

HTML5