Share
Un'animazione significativa e ben progettata può davvero migliorare l'esperienza utente nei tuoi siti web e app. Può raccontare una storia, aiutare nella navigazione e molto altro ancora.
Se vuoi sapere come usare l'animazione nel tuo web design e nei progetti di sviluppo, non cercare oltre. Abbiamo creato un elenco completo di 11 corsi che ti insegneranno come creare bellissime animazioni con CSS, JavaScript e framework dedicati come GreenSock e Sequence.js.
Questo primo corso è un ottimo punto di partenza per imparare l'animazione. In 30 video della durata di oltre quattro ore, imparerai molti modi pratici per creare animazioni per pulsanti, tabelle dei prezzi e altri utili elementi web, utilizzando concise CSS e jQuery.
A volte, il modo migliore per imparare una nuova abilità è rimboccarsi le maniche e completare progetti reali. In questo breve corso, costruirai sei piccoli ma utili progetti che usano le animazioni CSS.
Mentre JavaScript e jQuery sono utili per creare animazioni, è anche possibile creare fantastici effetti di animazione usando puro CSS. In questo corso, imparerai come creare animazioni CSS basate sulle proprietà di transizione e trasformazione. E usando il popolare strumento di visual web design di Webflow (tramite un account gratuito), potrai vedere le tue animazioni in tempo reale, mentre le crei.
Anime.js è un motore di animazione JavaScript piccolo ma potente. In questo corso imparerai le basi di questa libreria e costruirai anche una semplice interfaccia utente di "gara 1 di gara".
Cos'è l'easing? Perché è utile nel mondo dell'animazione web? Come puoi controllarlo e applicarlo nel contesto dei CSS? In questo corso super veloce, imparerai le risposte a tutte queste domande.
Il framework Three.js è un ottimo modo per creare grafica 3D nel browser. In questo corso, imparerai a creare alcune animazioni 3D complesse usando questo framework JavaScript. Assicurati anche di controllare i corsi precedenti, 3D sul Web con Three.js e Three.js: Beyond the Basics. Questi tre corsi insieme daranno un'introduzione completa a Three.js da zero.
GreenSock è un framework JavaScript che facilita l'animazione di elementi HTML. Durante questo corso, farai i primi passi per imparare come usare questa potente struttura. Finché avrai una comprensione di HTML e CSS, insieme a una conoscenza di base di JavaScript, sarai dotato di tutto ciò che ti serve per seguire.
Questo corso si basa su quello precedente e ti guida attraverso tre progetti in cui imparerai come creare animazioni programmatiche, in scenari reali, utilizzando la piattaforma di animazione GreenSock. Imparerai come creare un preloader animato, un'animazione del logo SVG e un cursore del contenuto personalizzato.
In che modo ti piacerebbe imparare come creare animazioni usando il keyframe CSS e le proprietà di animazione, in soli dieci minuti? Questo breve corso Coffee Break ti permetterà di fare proprio questo.
jQuery UI è un'estensione di jQuery che semplifica la creazione di elementi di interfaccia utente puliti per i tuoi siti web. Fornisce inoltre funzionalità che estendono la capacità di jQuery di animare i contenuti. In questo breve corso, imparerai come usarlo per migliorare le tue animazioni jQuery.
Sequence.js è un framework di animazione CSS che è possibile utilizzare per creare cursori, presentazioni e altre applicazioni basate su passaggi. Ha tutte le funzionalità necessarie integrate; tutto ciò che devi fare è aggiungere i tuoi contenuti e il tuo stile. Questo breve corso ti insegnerà le basi dell'utilizzo di Sequence.js e getterà le basi per un'ulteriore esplorazione di tutte le sue opzioni e caratteristiche.
Puoi prendere uno dei nostri corsi immediatamente con un abbonamento a Envato Elements. Con un unico canone mensile basso, puoi accedere non solo a questi corsi, ma anche alla nostra libreria in crescita di oltre 1.000 corsi video e agli eBook leader del settore su Envato Tuts+.
Inoltre ora ottieni download illimitati dall'enorme libreria Envato Elements di oltre 700.000 asset creativi. Crea con caratteri, foto, grafica e modelli univoci e realizza progetti migliori più velocemente.
Accentsconagua