Adobe Edge, un video per mostrare alcune caratteristiche della nuova preview

Adobe ha qualche giorno addietro rilasciato la quarta versione preview di Edge, nuovo strumento per la progettazione di animazioni e interazioni web che consente agli sviluppatori di realizzare animazioni simili a quelle create in Flash Professional, per i siti che utilizzano standard HTML, JavaScript e CSS. L’applicazione è scaricabile come “preview” (versione preliminare beta) dal sito Adobe Labs allo scopo di ottenere i feedback degli utenti prima di rilasciare la versione finale del prodotto. L’applicazione è stata presentata per la prima volta all’evento Adobe MAX 2010, ed è una soluzione semplice per gli sviluppatori alla ricerca di un modo efficiente di sfruttare gli standard web, come HTML, per la creazione di contenuti animati e dinamici. Il software sfrutta nativamemte l’HTML e oltre a consentire di aggiungere animazioni ai documenti web esistenti senza intralciare l’integrità̀ del design dei layout basati su CSS, permette di creare da zero contenuti “ricchi” utilizzando strumenti di disegno familiari per la realizzazione di elementi HTML nello stile di CSS3. Gli utenti possono importare elementi come file SVG, PNG, JPG e GIF, e assegnare loro uno stile con CSS3. Lo stadio di progettazione utilizza WebKit per consentire all’utente la visualizzazione in anteprima e la manipolazione dei contenuti.

La timeline è simile a quella già vista in altre applicazioni Adobe e permette di personalizzare con precisione le animazioni da applicare agli elementi HTML. I contenuti creati con Edge sono ottimizzati per funzionare con i moderni browser, compresi quelli per Android, BlackBerry Playbook, iOS, HP webOS e di altri smartphone e dispositive mobili, oltre ovviamente che con Firefox, Google Chrome, Safari e Internet Explorer 9.

Tra le novità dell’ultima versione, l’aggiunta dei “simboli”, oggetti riutilizzabili che si animano e interagiscono in modo indipendente dalla composizione principale. Interessate anche il supporto per i servizi di web font (FontSquirrel, Google Web Fonts, Typekit, ecc.) e “Element Display”, strumento per gestire il tempo di visualizzazione sullo stage, in modo che un elemento compaia solo quando necessario. Nel video che vi proponiamo qui sotto, Mark Anders, illustra alcune delle nuove caratteristiche.