Animotion - ビジュアルCSSアニメーションアプリ

CSSアニメーションをノーコードで作成

• Animotionは、ドラッグ、サイズ変更、回転、クリッピングなどを通じて、視覚的にCSSアニメーションを作成できるツールです。
• キーフレームエディタ、すぐに使えるアニメーション集、29種類の内蔵イージングを提供します。
• このアプリは、大きな画面と最新のWebブラウザでより快適に動作します。

GN⁺の見解

• この記事で最も重要なのは、Animotionというツールを通じて、コードを書かずにCSSアニメーションを簡単に作れるという点です。
• ソフトウェアエンジニアリングに関心のある人にとって興味深く、特にフロントエンド開発に関心のある初級開発者に魅力的な内容です.

[GN⁺]

Hacker Newsのコメント

• CSS3は1999年に登場し、2023年になってこのようなアプリがHacker Newsで紹介されるほど素晴らしいと受け止められていることは、キーフレームベースのアニメーションのアクセシビリティとプログラマビリティが大きく改善されてこなかったことを示している。Flashは約10年前に消え、Adobe Animateといくつかの平凡なフレームワーク、そしてコミュニティが残っている。堅牢なCSS/SVGベースのアニメーションは、今なお大半が貧弱な約束のままにとどまっている。
• キーフレームを移動することが最初にやりたかったことだが、まだその機能がない。
• このアプリの出力がCSSになるのが気に入っているし、ライブラリに縛られたJavaScriptコードではないのがありがたい。
• エディタの直感的なところが気に入っており、もう少し高度なタイムラインが必要な人はTheatre.jsをチェックするとよい。Webプラットフォーム上でより多くの動きが見られるのはうれしい。
• モバイルでアイコンが何を意味するのかを伝えるツールチップやヒントを提供するよい方法があるのか気になる。いくつかのアイコンは何をするのか理解できず、試してみることはできるが、前述のように元に戻す機能がない。
• このアプリがとても気に入った。
• アプリのソースコードはGitHubで確認できる: animotionjs/animotion
• モバイルでも驚くほど直感的に使える。
• 素晴らしい仕事であり、とてもクールなツールを共有してくれて感謝する。
• モバイルでも見事に動作し、ブックマークする価値がある。