Organizing animation code for semantics and fallbacks


show more Organizing animation code for semantics and fallbacks provides you with in-depth training on Web. Taught by Val Head as part of the CSS: Animations (2013) show less
please wait ...

Organizing animation code for semantics and fallbacks

Throughout this course we've been dealing with animations mostly in isolation. In our real world projects, however, our animations are going to have to mingle with all the other code and assets in our projects. First, let's take a second to talk about vendor prefixes. Now I won't remind you yet again why you should use them, but let's look at a couple of ways that make dealing with them a whole lot easier. All of these vendor prefixes do add an awful lot of length to your code, especially when it comes to animations. Luckily, you don't have to type it out all yourself. If you're already using a CSS preprocessor like Sass or LESS, these both have automated ways to take care of adding the prefixes for you.

And actually, if you don't use Sass or LESS already, that feature alone is worth checking them out for. If you prefer not to work with preprocessors, there are still options to save yourself some headaches. You can set up some saved code snippets in your text editor, o...

Organizing animation code for semantics and fallbacks
Video duration: 4m 51s 1h 56m Intermediate

Viewers:

Organizing animation code for semantics and fallbacks provides you with in-depth training on Web. Taught by Val Head as part of the CSS: Animations (2013)

Subject:
Web
Software:
CSS
Author:
please wait ...