() translation by (you can also view the original English article)
Nos primórdios da web, animações ficaram conhecidas por tdos aqueles efeitos estranhos e complexos que pareciam ótimos mas demoram para carregar e eram confusos de usar.
Mas, usadas da forma correta, animações são fantásticas ferramentas para kits dos designers web. Um pouco de movimentação súbta e chamativa ajuda usuários a interpretar interfaces e encontrar o caminho pelo site ou aplicativo.
Você está atualizado em relação a todas as técnicas mais recentes de animação web usando CSS, JavaScript, SVG, suaviação e frameworks como a GreenSock Animation Platform?
Se não, não se preocupe—eis nove curso que ensinarão tudo que é preciso saber.
1. Animação Web Prática
Nesse curso, o intrutor Craig Campbel do Envato Tuts+ mostra formas práticas de criar animações para botões, tabelas de preços e outros elementos web, usando CSS conciso e jQuery.
2. GreenSock Animation Platform: Primeiro Passos
GreenSock é uma framework JavaScript que facilita a animação de elementos HTML. Nesse curso, aprenderá os primeiros passos no uso dessa poderosa framework. Desde que tenha conhecimento de HTML e CSS, e saiba o básico de JavaScript, será o suficiente para acompanhar o curso.
3. Animação Avançada com Plugins do GSAP
Esse curso é continuação ideal ao listado logo acima. Nesse curso, iremos além do básico da animação no GreenSock com o instrutor Craig Campbel do Envato Tuts+ apresentando vários plugins que vem com o GSAP.
4. Três Projetos do GreenSock: Animação Prática com GSAP
No terceiro curso de GSAP, Craig Campbell guiará você por três porjetos onde aprenderá com criar animações programáticas em cenários do mundo real, usando GreenSock Animation Platform. Aprenderá como criar pré-carregadores animados, animação de logo em SVG e um carosel customizado.
5. Animação Com Snap.svg
SVG é uma forma poderosa de criar gráficos vetorizados que redimensionam perfeitamente. Nesse curso, aprenderá como usar a framework JavaScript Snap.svg para criar controlar e animar seus SVGs facilmente.
6. Entrando nas Funções Bezier Cúbicas
Uma forma de dar mais vida e personalidade a animações na web é experimentar com configurações diferentes de suaviação. Nesse tutorial rápido, curso de Coffee Break com Guy Routledge, aprenderá o que é suavização, porque é útil, como controlá-la e como aplicá-la no CSS.
7. Começando com Transições CSS
Nesse curso de Coffee Break, Craig Campbel mostrará tudo que é prciso saber para começar a criar animações usando propriedades de transições CSS. Em apenas dez minutos, aprenderá como criar movimentação usando nada mais que algumas propriedades CSS.
8. Começando com Animações Keyframe no CSS
Esse curso de Coffee Break ensina como criar animações usando propriedades keyframe e de animação do CSS. Em apenas dez minutos aprenderá como criar animações no navegador sem depender de plugins externos ou programação extrema.
9. Bibliotecas CSS Essenciais para Designers Web
Nesse curso aprenderá a usar dez bibliotecas CSs essenciais para designers web, disponíveis hoje. Aprenderá sobre bibliotecas de resets, animações, transições e tipografia. O instrutor será o Adi Purdila e usará Bower para administrar projetos, garantindo que tudo esteja atualizado e facilmente manutenível.
Comece a Aprender com Teste Gratuito
Você pode ver todos esses e outros curso de design web com um teste gratuito de 10 dias da nossa inscrição mensal. Então, comece agora mesmo e torne-se um mestre da animação CSS e impressione clientes e faça seus designs chamarem a atenção.
