BT

Novidades O InfoQ vem desenvolvendo uma série de novas funcionalidades para melhorar sua experiência com o site. Confira!

A Adobe mostra prévia da sua IDE de animações com HTML5

| por Dio Synodinos , traduzido por Rafael Marques em 29 out 2010. Tempo estimado de leitura: 1 minuto |

A Adobe durante a sua conferência anual para desenvolvedores, ofereceu uma prévia da sua IDE de animações com HTML5. A IDE cujo codenome é Edge, utiliza a engine de renderização do WebKit para mostrar as animações e, assim como o Dreamweaver, oferece um modo de edição de código fonte. 

A interface de usuário do Edge segue os mesmos princípios das outras ferramentas da Adobe, logo será familiar para os desenvolvedores Flash. Ele oferece uma janela que mostra o layout da página, e uma janela inferior que mostra as modificações ao longo do tempo. Ao lado da janela de layout da página, há um painel de camadas para os elementos DOM. Selecionando uma camada será apresentado as propriedades dela no property explorer,  além disso ele suporta transformações CSS para 2D e 3D. Há também outras semelhanças ao Flash, como a utilização de Actions, Symbols, etc.

Por baixo dos panos, o Edge utiliza JQuery e CSS para gerênciar as transições:

// Action executada em um evento específico , e.g. clique de um botão
$.Edge.symbol.get(‘#pageHolder’).showContent(‘coffe’);

Para o exemplo apresentado, o Edge aparenta também utilizar o jQuery UI e o jQuery Easing plugin.

Para maiores informações, há um vídeo na AdobeTV com o Mark Anderson demonstrando o protótipo da IDE.

Ainda é incerto como a Adobe planeja levar este protótipo, e se em breve ele oferecerá suporta a utilização de mais tags do HTML5, como <canvas> e <video>.

Avalie esse artigo

Relevância
Estilo/Redação

Olá visitante

Você precisa cadastrar-se no InfoQ Brasil ou para enviar comentários. Há muitas vantagens em se cadastrar.

Obtenha o máximo da experiência do InfoQ Brasil.

Dê sua opinião

HTML é permitido: a,b,br,blockquote,i,li,pre,u,ul,p

Receber mensagens dessa discussão
Comentários da comunidade

HTML é permitido: a,b,br,blockquote,i,li,pre,u,ul,p

Receber mensagens dessa discussão

HTML é permitido: a,b,br,blockquote,i,li,pre,u,ul,p

Receber mensagens dessa discussão

Dê sua opinião

Faça seu login para melhorar sua experiência com o InfoQ e ter acesso a funcionalidades exclusivas


Esqueci minha senha

Follow

Siga seus tópicos e editores favoritos

Acompanhe e seja notificados sobre as mais importantes novidades do mundo do desenvolvimento de software.

Like

Mais interação, mais personalização

Crie seu próprio feed de novidades escolhendo os tópicos e pessoas que você gostaria de acompanhar.

Notifications

Fique por dentro das novidades!

Configure as notificações e acompanhe as novidades relacionada a tópicos, conteúdos e pessoas de seu interesse

BT