このバージョンショーエピソードには、開(kāi)発者、教育者、cssanimation.rocksの創(chuàng)設(shè)者ドノバンハッチンソンがあります。 ティムとデイビッドは、學(xué)習(xí)を強(qiáng)化するための教育や話すことの利點(diǎn)、ユーザーインターフェイスの課題の解決、CSSアニメーションのアートとアクセシビリティ、設(shè)計(jì)と開(kāi)発、プロトタイピングツール、ブラウザー互換性戦略のブリッジングなど、ドノバンとさまざまなトピックについて議論します。インスピレーションソース、さらには貓のUIを設(shè)計(jì)する驚くべきトピックでさえ！

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

をお見(jiàn)逃しなく

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

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

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

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

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

以上がCSSアニメーション、プロトタイピングツール、およびインスピレーションのソース、ドノバンハッチンソンの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國(guó)語(yǔ) Web サイトの他の関連記事を參照してください。