Keyframes VS CODE EXTENSION

[HyperMystic]

Another VS CODE EXTENSION in the market

keyframes - Visual Studio Marketplace

Extension for Visual Studio Code - Snippets for small but useful animations based on keyframes (source: vov.css)

marketplace.visualstudio.com

 

[Adam]

Congrats on your launch @HyperMystic! What drove you to build this extension? Was it something you use a lot yourself?

 

[HyperMystic]

Congrats on your launch @HyperMystic! What drove you to build this extension? Was it something you use a lot yourself?

Yup, using a lot of basic keyframes in almost every project made me to make my own extension.

 

[Gummibeer]

Is it me that I don't get what the extension does? 🤔
I've understood something with animations in VS code. But what? Does it help to write CSS keyframe animations? Or any JS thing? And what exactly does it do? Add autocompletion or insert some kind of basic templates?

Sorry, but I really don't get what it does and how to use it. 😔

 

[HyperMystic]

It just add the keyframes for small animations such as... when you type fade-in it adds the basic css for fade in animations

 

[Gummibeer]

It just add the keyframes for small animations such as... when you type fade-in it adds the basic css for fade in animations

Okay, thanks. So it adds something like Live-Templates (that's how they are called in phpstorm).
Good idea! Can it differentiate between a class name fade-in and the wanted keyframe? Could be an idea to use @fade-in!? 🤔

 

[HyperMystic]

Okay, thanks. So it adds something like Live-Templates (that's how they are called in phpstorm).
Good idea! Can it differentiate between a class name fade-in and the wanted keyframe? Could be an idea to use @fade-in!? 🤔

Nope