technifyedWeekly list

The Net Ninja

CSS Animation Tutorial

via YouTube Video playlist

Overview

Hey gang, in this tutorial series, I'll be taking you from newbie to ninja in the world of CSS Animation. We'll start with the basics, including keyframes, transforms and the animation property, and build our way up to some pretty cool CSS animation examples you can try out on your own websites.

Videos in this playlist 13

  1. CSS Animation Tutorial #1 - Introduction
  2. CSS Animation Tutorial #2 - Transforms
  3. CSS Animation Tutorial #3 - Transitions
  4. CSS Animation Tutorial #4 - Keyframes
  5. CSS Animation Tutorial #5 - Animation Fill Mode
  6. CSS Animation Tutorial #6 - Repeating Animations
  7. CSS Animation Tutorial #7 - Animation Direction
  8. CSS Animation Tutorial #8 - Animation Timing Functions
  9. CSS Animation Tutorial #9 - Animation Shorthand
  10. CSS Animation Tutorial #10 - Chaining Animations
  11. CSS Animation Tutorial #11 - Animating a Pop-up
  12. CSS Animation Tutorial #12 - Animating a Shopping Cart
  13. CSS Animation Tutorial #13 - Flipping Cards Animation

Advantages and disadvantages

Advantages

  • Free and complete: every lecture is in the playlist, in order.
  • Watch at 1.5x, skip what you know, rewatch what you don't.
  • 387,249 views, so help and notes are easy to find.
  • Completely free.
  • Self-paced: start any time.
  • A clear syllabus (13 videos) you can see before you start.
  • Start watching right away, no sign-up.

Disadvantages

  • No certificate, deadlines or graded work.
  • Quality and depth vary: check that the playlist is finished before you start.
  • No certificate.
  • Short (13 videos, 1.5 hours): an overview, not deep coverage.
  • No graded assignments or feedback.
  • Recorded in 2016: tools may have changed since.

Some points apply to every course of this kind; see how we rank.

Free

  • Free: Watch on YouTube, no account needed.
  • Certificate: None. Code or take notes along to make it stick.

The Net Ninja is in Tier 3: good universities, respected companies, nonprofits and well-known teachers of our institution ranking (74/100).

Similar courses

Compare these

Massachusetts Institute of Technology

MIT 15.S12 Blockchain and Money, Fall 2018

Instructor: Prof. Gary Gensler View the complete course: https://ocw.mit.edu/15-S12F18 This course is for students wishing to explore blockchain technology’s potential use - by entrepreneurs & incumbents - to change the world of money and finance. License: Creative Commons BY-NC-SA More information…

  • Free video
  • 23 videos, 29 hours

Massachusetts Institute of Technology

MIT 6.006 Introduction to Algorithms, Fall 2011

This course provides an introduction to mathematical modeling of computational problems. It covers the common algorithms, algorithmic paradigms, and data structures used to solve these problems. The course emphasizes the relationship between algorithms and programming, and introduces basic performa…

  • Free video
  • 47 videos, 42 hours

Harvard University

CS50's Introduction to Programming with Python (CS50P) 2022

This is CS50P, CS50's Introduction to Programming with Python. Register for free at https://cs50.edx.org/python. Slides and source code at https://cs50.harvard.edu/python. Playlist at https://www.youtube.com/playlist?list=PLhQjrBD2T3817j24-GogXmWqO5Q5vYy0V. An introduction to programming using a la…

  • Free video
  • 11 videos, 16 hours

Harvard University

CS50x 2023 Lectures

This is CS50, Harvard University's introduction to the intellectual enterprises of computer science and the art of programming, for concentrators and non-concentrators alike, with or without prior programming experience. (Two thirds of CS50 students have never taken CS before.) This course teaches…

  • Free video
  • 12 videos, 26 hours

Massachusetts Institute of Technology

MIT 6.100L Introduction to CS and Programming using Python, Fall 2022

Instructor: Ana Bell View the complete course: https://ocw.mit.edu/courses/6-100l-introduction-to-cs-and-programming-using-python-fall-2022/ *Note: Lectures 6, 10 have been updated! This subject is aimed at students with little to no programming experience. It aims to provide students with an under…

  • Free video
  • 26 videos, 28 hours

Stanford University

Stanford Online Courses and Programs

Get more information about the courses and programs we offer. In this playlist you can learn more about course content, pricing, credentials and more!

  • Free video
  • 154 videos, 139 hours