Видеокурсы CSS: Анимация (Ангельский), Скилл "Кукольщик"

Данный видеокурс, посвящен исключительно изучению анимации в CSS (кеп блеать), от самых азов и дальше усложняется, в любом случае курс составлен так, что даже уверенный кодер удивиться от того, насколько грамотно и по полочкам все разложено.
face Мы существуем исключительно на энтузиазме. Если ты хочешь увидеть тут новые актуальные курсы - не ленись и кхе кхе... политика рекламной площадки adsense запрещает нам призывать пользователей к кликам по рекламе. Ну ты понял. Так ты поможешь в оплате серверов и покупке актуальных видеокурсов в будущем. Надеемся на твое понимание.
5
0
  • Урок 1: Welcome
  • Урок 2: What you should know before watching this course?
  • Урок 3: Vendor prefixes and browser support
  • Урок 4: Using the exercise files
  • Урок 5: CSS transform basics
  • Урок 6: Simple 3D transforms
  • Урок 7: CSS transitions
  • Урок 8: Challenge Adding a transition
  • Урок 9: Solution Adding a transition
  • Урок 10: Animation basics
  • Урок 11: Use animation delay and animation fill mode
  • Урок 12: Use animation direction
  • Урок 13: Timing functions and easing
  • Урок 14: Challenge: Adding keyframes to our animation
  • Урок 15: Solution: Adding keyframes to our animation
  • Урок 16: Infinitely looping animation
  • Урок 17: Animate an element into place
  • Урок 18: Pause and play with animation playstate
  • Урок 19: Animate 3D transforms
  • Урок 20: Prepare an image to use as a sprite
  • Урок 21: Animate sprite images with steps
  • Урок 22: Chain multiple animations
  • Урок 23: Challenge: Adding a third animation to the chain
  • Урок 24: Solution: Adding a third animation to the chain
  • Урок 25: Prepare an SVG for animation
  • Урок 26: Export SVG from Illustrator
  • Урок 27: Animate SVG with CSS
  • Урок 28: When to use CSS animations
  • Урок 29: Highperformance animations
  • Урок 30: Code organization and fallbacks
  • Урок 31: Helpful online tools for animations
  • Урок 32: Using browsers animation inspection tools
  • Урок 33: Next steps
Скачать материалы к курсу
Не нашел нужных курсов? Eсть идеи, предложения? Знаешь как сделать лучше ? Cотрудничество, абузы? - напиши нам, мы не кусаемся.
Написать
Подпишись на новые курсы. Рассылка раз в неделю, только самые новые курсы у нас на сайте. Никакого спама и рекламы!
Красавчик ;)

Последние новости:

Другие курсы по теме:

Bootstrap
Если бы не bootstrap, то куча малолеток школьников осталось бы без работы. За день на нем они пилят вполне сносный сайт со всем необходимым и более менее дизайном. И самое главное, это респонсив. Сетка бутстрапа позволяет очень просто сделать резиновый сайт - единственная полезная вещь. Учи бутстрап, и доказывай тем кто не в теме, какой я блеать крутой разработчик.
Bootstrap
4 урока
Скилл: Ноль без палочки
HTML5
В этом курсе ты узнаешь что собой представляет HTML 5 по сравнению с древним HTML 4.1. Этот курс для тех, кто уже вкурсе что такое html и с чем его кушают. Если ты только начинаешь учится, то тебе нужно посмотреть другие уроки, которые были у нас на сайте но почему то куда-то про@бались. Где они, блеать ?
HTML5
5 уроков
Скилл: Орк
CSS3
Вот тут ты и узнаешь что можно сделать с сайтом с помощью CSS 3, а не юзать jquery всякий раз без надобности, даже чтобы сделать hover (было дело). Вообщем в курсе есть много годных плюшек, будет интересно даже твоему коту.
CSS3
5 уроков
Скилл: Орк
Адаптивный сайт с Bootstrap 3
Этот урок поэтапно покажет как создать сайт на бутстрапе, расскажет как правильно пользоваться сеткой и поможет не попасть на подводные камни новичкам во время строения сайта.
Адаптивный сайт с Bootstrap 3
13 уроков
Скилл: Орк
Ввод в Frontend
Несколько моментов, которые пригодятся тем, кто заинтересовался веб-разработкой и хочет стать front-end как его там.
Ввод в Frontend
1 урок
Скилл: Рак
Правила хорошего тона для верстальщика
Будь нормальным, помни что кроме тебя с твоими файлами могут работать и другие люди, которые легко пожелают тебе умереть и еще много чего, если ты будешь гавнокодить. Всегда пиши код так, как будто человек, который будет его саппортить – психопат-убийца, который знает, где ты живешь.
Правила хорошего тона для верстальщика
1 урок
Скилл: null
CSS Анимация (Ангельский)
Для того чтобы сайт стал более живим используй css анимацию. В этом курсе ты узнаешь как круто можно вертеть сайтом только одним css.
CSS Анимация (Ангельский)
9 уроков
Скилл: Орк
Использование SVG
Узнай как использовать масштабируимые изоброжения svg для удобства иконок / изоброжений на сайте.
Использование SVG
8 уроков
Скилл: null
HTML 5 Canvas (Ангельский)
HTML Canvas используется для рисования графики и анимации непосредственно на веб-странице с использованием JavaScript.
Canvas является самой обсуждаемой особенностью HTML5, которая позволяет веб-разработчикам, дизайнерам и разработчикам игр создавать удивительные графики, анимации и иллюстрации только с помощью HTML5 и JavaScript.
HTML 5 Canvas (Ангельский)
40 уроков
Скилл: Донателло
HTML 5, CSS 3
Ты никуда не продвинешься в веб-разработке без знаний основ HTML и CSS. Это все, на чем держиться сайт. Только выучив это, ты сможешь продвигаться дальше к JavaScript и к миллионам фрэймворкам. С помощью этого курса, ты увидешь как создавать сайты средней сложности на профессиональном уровне.
HTML 5, CSS 3
25 уроков
Скилл: Мегамозг
×
Ты подписан!
×
Мы не профукаем это письмо! Не забудь указать свои:
Спасибо. Твое сообщения уже у нас. Если письмо требует ответа, мы на него обьязательно ответим.