CSSアニメーション、プロトタイピングツール、およびインスピレーションのソース、ドノバンハッチンソン

このバージョンショーエピソードには、開発者、教育者、cssanimation.rocksの創設者ドノバンハッチンソンがあります。 ティムとデイビッドは、学習を強化するための教育や話すことの利点、ユーザーインターフェイスの課題の解決、CSSアニメーションのアートとアクセシビリティ、設計と開発、プロトタイピングツール、ブラウザー互換性戦略のブリッジングなど、ドノバンとさまざまなトピックについて議論します。インスピレーションソース、さらには猫のUIを設計する驚くべきトピックでさえ！

ドノヴァンの洞察に満ちたシテポイントコース「CSSでアニメーション化」！

をお見逃しなく

[バージョンの表示へのリンクホームページ]

[iTunesサブスクリプションへのリンク] | [Stitcherサブスクリプションへのリンク] | [すべてのエピソードへのリンク]

重要なディスカッションポイント：

ユーザーインターフェイスを魅力的に作成し、圧倒的なユーザーを避けるためのマインドフルな実装の重要性を強調したCSSアニメーションの力。

ドノバンの個人的な経験は、教育と人前で話すことが技術的理解、特に角度との旅を大幅に深める方法を強調しています。
• フレーマーなどのプロトタイピングツールの役割や、デザイナーと開発者の間のより良いコミュニケーションとコラボレーションを促進する際の原則。
CSSアニメーションでのアクセシビリティの考慮事項の重要な必要性、ユーザーのモーション関連の不快感や気晴らしに対処します。 ブラウザの塗り直しとレイアウトの再計算を最小限に抑えるために、
• や
などのプロパティに優先順位を付けることにより、アニメーションパフォーマンスを最適化します。
• CSSアニメーションとWeb標準の進化し続ける状況で先を行くための継続的な学習と実験の継続的な重要性。
• 設計と開発の分割を埋めることにドノバンが重点を置いて、視覚的に魅力的で非常に機能的なWebアプリケーションを作成します。
• opacityshow notes：transform
Twitterの
• donovan：@donovanh
• cssanimation.rocks：https://www.php.cn/link/e3a7c7b4b90930a37e43118c0eca208b
• cssアニメーションロックでTwitter：@CSSANIMATION mp3.com
• ドノヴァンのシットポイントコース：
CSSでアニメーション
• framer
• 原則
• アニメーションの12の基本原則
• 危機のための設計
• Twitterでホストを表示：
@mdavidgreen
• | @tevko | @versioningshow | @sitepointdotcom
選択された引用符：
「アミガの家のギターや家のさまざまな部分をモデル化しようとして夕方を過ごしたことを覚えています。そして、もちろんレンダリングのために一晩そのままにしておきます。」
「小さなスタートアップでの非常に刺激的なCTO…新しいテクノロジーを試して、ウェブで起こっているこの興味深いものを受け入れるだけでなく、それについても書くように私を納得させました。」
• 「私はちょうどアンガルについて読み始めました。彼は、地元のミートアップでその月末にそれについて話をするべきだと提案しました。数週間ですが、それはうまくいきました、そしてそれはあなたがそれについて誰かに教えることができるほど十分に何かを理解するために時間をかけることは何かを徹底的に理解し、それを感謝する素晴らしい方法であることを本当に示しました - それでそれを使用するだけではありません表面。 "
• 「私のためにすべてが一緒になっているのは、物事がどのように見えるかとそれらの構築方法に興味を持っていることを組み合わせています。そして、そのために、CSSはそこの真ん中にきれいに座っています。
「私は確かに古いブラウザに新機能で何ができるかを決定させません。」
"しばしば、微妙なアニメーションでさえ、人々が文字通りアプリケーションを使用することさえできなくなるまで人々をそらすことができます。
• 「非常にうまくアニメーション化する主な2つのプロパティは変換と不透明です...」
• 「プロトタイピングツールは、人々がアイデアを伝えるのに本当に役立ちます。」
• （注：トランスクリプトは簡潔にするために省略されていますが、重要なポイントは上に組み込まれています。

以上がCSSアニメーション、プロトタイピングツール、およびインスピレーションのソース、ドノバンハッチンソンの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。