Cada vez mais, o HTML5 vem provando que
será a linguagem do futuro. Repleto de recursos avançados de
estruturação e de apresentação de páginas, o HTML5 inova por oferecer
uma tecnologia que antes só podia ser obtida com plugins, como
Adobe Flash e Microsoft Silverlight.
Além de permitir a reprodução de vídeo
diretamente na página (sem nenhum plugin adicional), drag-and-drop
de arquivos para o browser (e vice-versa) e até mesmo edição
de imagens, o que mais você espera que seja possível com essa
tecnologia? O artigo desta semana do Baixatudo irá responder essa pergunta.
Never Mind the Bullets,
uma HQ totalmente em HTML5
Em parceria com uma agência de design
francesa, a Microsoft criou uma história em quadrinhos interativa totalmente
desenvolvida em HTML5. A experiência é completamente nova e promete
deixar qualquer um de queixo caído.
Never Mind the Bullets oferece uma experiência nova e
enriquecida de tira de quadrinhos tradicionais pelos efeitos de
parallax. Em um simples movimento do mouse, a tira fica animada e a
história ganha vida.
É possível ler os quadrinhos da esquerda para a direita
simplesmente deslocando o cursor do mouse para direita. Cada painel da
história é composto de uma série de várias imagens PNG transparentes que
são sobrepostos em um fundo JPEG. Os balões são criados a partir de um
formato SVG com o texto renderizado usando uma fonte de exibição WOFF,
que é carregada através do atributo @font-face CSS.
A história é no estilo faroeste e o leitor pode, além de obviamente ler, interagir com os quadrinhos, fazendo coisas como passar o mouse
sobre uma porta do salão, tomar uma bebida, jogar poker. Também é possível criar seus próprios textos para a história e, depois, compartilhar
tudo no Facebook, no Twitter ou por e-mail.
As funcionalidades de HTML5 utilizadas
no Never Mind the Bullets são:
- @font-face para o carregamento das
fontes; - Background em SVG para cada um dos
balões; - Aceleração por JavaScript;
- Multi-background em CSS3;
- Edição de conteúdo.
Ainda é cedo para dizer que o HTML5
será o sucessor do Flash, mas já podemos adiantar que essa
guerra será bastante acirrada. Melhor para os desenvolvedores, que ganham cada vez mais espaço para inovar.
Você conhece alguma outra experiência que
demonstra o poder do HTML5? Conte para a gente nos comentários!







