Animation Studio
Animation StudioはCSSのkeyframesとanimationをプレビューを見ながら簡単な操作で編集、調整できるOSSのWebアプリです。
右ペインのメニュー、keyframesタブでn%及び変化の内容を設定し、animationタブでanimation-nameやduration、そのほかタイミングをベジェ曲線を使ったマウス操作でcubic-bezierを設定、TargetタブでCSSとHTMLを書いてアニメーションさせる要素を設定、Exportタブでコードをコピペする、という流れになります。
単純にアニメーションのセッティングが出来るだけでなく、ややこしいcubic-bezierを直感的な操作で設定出来たり任意のCSSとHTMLを指定出来たりと実践的なアプリという印象でした。
使い慣れるまでも特に学習コストはかかりませんし、導入も難しくないのでCSSアニメーション開発に貢献してくれるかなと思います。ライセンスはGPL3.0との事です。
