これは「CSS Animation 101」というWindowsアプリで、最新リリースはcss-animation-101sourcecode.tar.gzとしてダウンロードできます。ワークステーション向けの無料ホスティングプロバイダーであるOnWorksでオンラインで実行できます。
CSS Animation 101 with OnWorks というアプリを無料でダウンロードしてオンラインで実行します。
このアプリを実行するには、次の手順に従ってください。
-1。このアプリケーションをPCにダウンロードしました。
--2。ファイルマネージャーhttps://www.onworks.net/myfiles.php?username=XXXXXに必要なユーザー名を入力します。
-3。このアプリケーションをそのようなファイルマネージャにアップロードします。
-4。このWebサイトからOSOnWorksオンラインエミュレーターを起動しますが、Windowsオンラインエミュレーターの方が優れています。
-5。起動したばかりのOnWorksWindows OSから、必要なユーザー名でファイルマネージャーhttps://www.onworks.net/myfiles.php?username=XXXXXにアクセスします。
-6。アプリケーションをダウンロードしてインストールします。
-7.LinuxディストリビューションソフトウェアリポジトリからWineをダウンロードします。 インストールしたら、アプリをダブルクリックして、Wineで実行できます。 また、人気のあるWindowsプログラムやゲームのインストールに役立つWine上の豪華なインターフェイスであるPlayOnLinuxを試すこともできます。
WineはLinux上でWindowsソフトウェアを実行する方法ですが、Windowsは必要ありません。 Wineは、任意のLinuxデスクトップでWindowsプログラムを直接実行できるオープンソースのWindows互換性レイヤーです。 基本的に、Wineは、実際にWindowsを必要とせずに、これらすべてのWindowsアプリケーションを実行できるように、十分な数のWindowsを最初から再実装しようとしています。
スクリーンショット：
CSSアニメーション101
説明：
CSSアニメーション101は、CSSのみを用いてWeb上のモーションの基礎を学べるチュートリアルリソースです。トランジション、トランスフォーム、キーフレームといったコアとなる構成要素から始め、タイミング関数、遅延、振り付けといった要素をレイヤー化することで、より表現力豊かなシーケンスを作成します。この教材は明瞭性と保守性を重視し、アニメーションの理解と調整を容易にするスタイルの構築方法を示します。ボタンフィードバック、コンテンツ表示、ローダー、マイクロインタラクションといった実用的なユースケースを例を通して示し、ユーザーエクスペリエンスを向上させながらも、ユーザーに負担をかけない方法を解説します。パフォーマンスに関する考慮事項についても解説し、アニメーション化のコストを抑えられるプロパティや、合成に適したトランスフォームを用いてジャンクを回避する方法などについても解説します。解説と実行可能な例を組み合わせることで、デザイナーや開発者がモーションに対する直感を養い、日常的なインターフェースに直結させることができます。
オプション
- 基礎、トランジション、アニメーション、キーフレーム、タイミング機能などを段階的に解説する章
- ダウンロード可能な形式（ウェブサイト、ePub、PDF）
- 各章に埋め込まれたコード例とライブデモンストレーション
- 学習を強化するためにセクションの最後に演習/課題を用意しています
- 翻訳/ローカリゼーションのサポート（読者はフォークして翻訳できます）
- Pandoc ブック テンプレート (つまりツールチェーン サポート) を介して構築 / 生成
カテゴリー
このアプリケーションは、https://sourceforge.net/projects/css-animation-101.mirror/ からも取得できます。OnWorks でホストされているため、無料のオペレーティングシステムから最も簡単にオンラインで実行できます。