Faça animações com HTML5 e CSS3 com o Sencha Animator

Que o HTML5 e o CSS3 vem para enriquecer a Web, todo mundo já sabe. Com as novas APIs nativas do HTML5 (Storage, Geolocation etc...) e de propriedades de animações usando apenas formatação com CSS3, a Web tende a se tornar cada vez mais semântica sem se limitar ao dispositivo que esteja sendo utilizado para obter o conteudo.

Sencha Animator

O pessoal do Sencha, disponibilizou para testes o primeiro beta do Sencha Animator, ferramenta para desenvolvimento de animações usando a interface parecida com o Adobe Flash. O mais legal de tudo é que as animações são exportadas em .html e usando CSS3 e JavaScript para criar as animações acessíveis em  disponível móveis e browsers baseados no Webkit (Chrome e Safari).

Captura_de_tela_2011-07-27_s_2
Tela do Sencha Animator para Mac

Alguns demos

Para ver o poder da ferramenta, que se encontra ainda está em beta, o pessoal do Sencha liberou alguns demos disponíveis em http://www.sencha.com/products/animator/demos/.

Para mais detalhes, recomendo assistir o vídeo:

Novas possibilidades

Ainda é muito cedo para dizer se a ferramenta vai ser usada em grande escala, mas acredito que já é um grande passo para facilitar a criação de recursos animados sem utilizar um plugin proprietário (Adobe Flash Player ou Silverlight, por exemplo) e sim um recurso nativo dos browsers e dos dispositivos móveis.

Esperar pra ver o que teremos daqui pra frente.

Quem quiser testar o Sencha Animator, pode realizar o download em http://www.sencha.com/products/animator/download/. Software está disponível para Windows, Mac OS e Linux.

Posted