Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Animation
Webdesign

9 популярных курсов по CSS анимации

by
Length:ShortLanguages:

Russian (Pусский) translation by Yura Kuzichev (you can also view the original English article)

На начальном этапе развития web-индустрии, анимация стала доступна для всех начинающих веб-разработчиков, она производила комплексный эффект хорошо сделанного сайта, но она очень сильно загружала сайт и часто сбивала с толку посетителей при использовании сайта. 

Но когда эта технология  доработана и используется должным образом, она становится фантастически эффективным инструментом для веб-дизайнеров и должна быть в их арсенале. Небольшое количество изящных, привлекающих взгляд анимаций есть прекрасный способ помочь посетителю воспринять интерфейс и помочь найти то, что они искали на вашем сайте или приложении. 

Ты в курсе о всех последних разработках в веб-анимации с помощью CSS, Javascript, easing, SVG и специальных фреймворков таких как the GreenSock Animation Platform? 

Если нет, то не беспокойся - здесь я расскажу о девяти курсах, которые научат тебя всему, что тебе нужно знать об анимации в вэбе.

1.Практическая веб анимация

В этом курсе, инструктор студии Envato Tuts+ Craig Campbell покажет практические приемы создания анимации для кнопок, таблиц с расценками и других веб-элементов, используя минимум CSS и JQuery. 

2.GreenSock Animation Platform: первые шаги

GreenSock это javascript фреймворк который позволяет легко анимировать HTML элементы. В течении этого курса вы сделаете свои первые шаги в освоении этого мощного фрейморка.  Имея понимание работы HTML и CSS вместе с базовыми знаниями JavaScript, вы будете оснащены всем необходимым для прохождения этого курса. 

3. Продвинутая анимация c GSAP 

Этот курс является идеальным продолжением к предыдущему курсу.  В этом курсе, вы шагнёте за пределы базовых возможностей GreenSock как только Craig Campbell проведет для вас экскурсию по различным плагинам, которые используются вместе с GSAP. 

4.Three GreenSock Projects: практическая анимация с GSAP

В третьем курсе по GSAP Craig Campbell проведет вас через три проекта, где вы изучите создание программной анимации, которая применима в реальной практике, используя GreenSock Animation Platform. Вы разберете создание анимированного прелодера, анимированного SVG логотипа адаптивного контент-слайдера. 

5. Анимация со Snap.svg

SVG это мощный инструмент для создания векторной графики, которая свободно и без ущерба изменяет свой размер. В этом курсе, вы рассмотрите как использовать Snap.svg JavaScript фреймворк чтобы легко создавать, контролировать и анимировать ваши SVG файлы.

6. Easing in to Cubic Bezier Functions

Одним и способов сделать анимацию немного более приятной для восприятия и реалистичной на вашем сайте, необходимо эксперементировать с различными значениями плавности анимации. В этом быстром, десятиминутном  курсе по Coffe Breakс Guy Routledge вы изучите что такое плавность, почему её полезно использовать, как ей управлять и как применить в контексте CSS.

7. Up and Running With CSS Transitions

В этом курсе по Coffee Break, Craig Campbell покажет всё что вам нужно для быстрого старта в освоении анимации с использованием свойства CSS transition. Всего за десять минут вы изучите как создавать анимацию используя только несколько CSS свойств. 

8. Up and Running With CSS Keyframe Animations

Этот курс по Coffee Break научит тебя как создавать анимацию используя свойство CSS keyframe и свойства анимации.  В эти десять минут, вы изучите как создавать анимацию в браузере без  необходимости зависеть от внешних плагинов и сложного программирования.

9. Essential CSS Libraries for Web Designers

В этом курсе вы изучите как использовать десять основных CSS библиотек для веб-дизайнеров доступных на сегодняшний день. Вы рассмотрите библиотеки по resets, animations, transitions и типографии. Курс вы будете изучать вместе с Adi Purdila, с которым вы рассмотрите использование Bower для управления своими проектами, убедившись что это универсальный и современный инструмент, который легок в использовании.  

Начни заниматься с бесплатным пробным периодом. 

Ты можешь ознакомиться со всеми этими и другими курсами с нашим десятидневным пробным периодом. Начни сегодня и прокачай своё мастерство в создании CSS анимации, которая будет впечатлять твоих клиентов, делая дизайн твоего сайта запоминающимся. 

Advertisement
Advertisement
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.