In passato, se si voleva creare un'interfaccia animata e interattiva per un sito Web, era necessario utilizzare Flash. Potresti essere in grado di farla franca con alcune animazioni di base usando JavaScript, ma se lo rendevi troppo complicato, tutto ciò che avresti finito sarebbe stato bloccare il computer del tuo visitatore e causare problemi.
Inoltre, JavaScript era potenzialmente più complicato da utilizzare rispetto a Flash, almeno per coloro che non amano la codifica. Ma, ovviamente, Flash non funziona sempre bene (o talvolta non funziona affatto) sui dispositivi mobili, inclusi iPhone e iPad.
Inserisci HTML5. HTML5 funziona su quasi tutte le piattaforme mobili là fuori. Tutto ciò che è possibile creare in Flash può essere creato con HTML5 (ea volte aggiunto JavaScript e CSS3): animazioni, elementi interattivi e altro.
Ma reintroduce il problema della codifica per molti designer, che potrebbero non essere pazzi di codificare a mano tutto. Ecco dove Adobe Edge entra.
È un programma completamente nuovo (attualmente disponibile come versione di anteprima gratuita) che ti aiuta a creare contenuti web animati usando HTML5, CSS3 e JavaScript. Include strumenti di disegno e testo per la creazione di nuove composizioni, consente di importare immagini in una varietà di formati (SVG, PNG, JPG e GIF) e l'animazione coreografica con un editor basato sulla timeline. È possibile animare posizione, colore, forma, dimensione, rotazione e altri elementi a livello di proprietà.
Il bello dell'utilizzo di HTML5, CSS3 e JavaScript piuttosto che Flash per i tuoi contenuti animati e interattivi è che il tuo sito rimane conforme agli standard. Conserva il layout CSS e mantiene il livello del contenuto separato dal livello di presentazione. Per questo motivo, il tuo sito sarà compatibile su una più ampia gamma di piattaforme e sarà più adatto ai motori di ricerca con meno lavoro.
Poiché Edge è attualmente solo in fase di anteprima, è destinato ad avere alcuni bug e limitazioni delle funzionalità. Detto questo, include già venticinque effetti di attenuazione incorporati e altre funzionalità per iniziare. Nessuna parola su quanto costerà Edge dopo il termine del periodo di prova di 150 giorni.
L'interfaccia Edge è simile a molti altri programmi di Adobe per lavorare con contenuti interattivi, come Premiere Pro o Flash. Se hai già familiarità con questi programmi, l'interfaccia Edge dovrebbe essere abbastanza facile da regolare. In caso contrario, ci sarà una curva di apprendimento definita, ma è comunque un'interfaccia relativamente facile da capire.
Naturalmente, avrai ancora bisogno di Flash per la creazione di applicazioni AIR desktop e mobili o per l'utilizzo di ActionScript.
Potresti inoltre trovare Flash più facile da utilizzare per interazioni più coinvolgenti e animazioni in cui la compatibilità con i dispositivi mobili non è un problema. Ma Edge offre ai designer che hanno familiarità con l'ambiente di lavoro Adobe una nuova opzione per la creazione di contenuti interattivi e animati.
Per saperne di più: Adobe Edge
Hai già avuto la possibilità di provare Edge? Cosa ne pensi? Vale la pena acquistarlo in futuro? Fateci sapere nei commenti!