Advertisement
  1. Web Design
  2. Animation
Webdesign

9 Cursos Populares sobre Animação no CSS

by
Length:ShortLanguages:

Portuguese (Português) translation by Erick Patrick (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.

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.