CSS -Animation, Prototyping -Tools und Inspirationsquellen mit Donovan Hutchinson

In dieser Versioning -Show -Episode werden Entwickler, Pädagogen und CSSAnimation enthalten. Tim und David diskutieren eine Reihe von Themen mit Donovan, einschließlich der Vorteile des Unterrichtens und des Gesprächs mit der Verbesserung des Lernens, der Lösung von Benutzeroberflächenherausforderungen, der Kunst und der Zugänglichkeit von CSS -Animationen, der Kluft zwischen Design und Entwicklung, Prototyping -Tools, Browserkompatibilitätsstrategien, Strategien, Browserkompatibilitätsstrategien, Inspirationsquellen und sogar das überraschende Thema der Gestaltung von Benutzeroberflächen für Katzen!

Verpassen Sie nicht Donovans aufschlussreicher SitePoint -Kurs, "Animate With CSS"!

[Link zur Versioning -Homepage]

[Link zum iTunes -Abonnement] | [Link zum Stitcher -Abonnement] | [Link zu allen Episoden]

Schlüsseldiskussionspunkte:

• Die Kraft von CSS -Animationen beim Erstellen ansprechender Benutzeroberflächen und betont die Bedeutung einer achtsamen Implementierung, um überwältigende Benutzer zu vermeiden.
• Donovans persönliche Erfahrung zeigt, wie Lehren und öffentliches Sprechen das technische Verständnis erheblich vertiefen, insbesondere in seiner Reise mit Angular.
• Die Rolle von Prototyping -Tools wie Framer und Prinzip bei der Förderung einer besseren Kommunikation und Zusammenarbeit zwischen Designern und Entwicklern.
• Der kritische Bedarf an Zugänglichkeitsüberlegungen in CSS-Animationen, die sich mit potenziellen bewegungsbezogenen Beschwerden oder Ablenkung für Benutzer befassen.
• Optimierung der Animationsleistung durch Priorisierung von Eigenschaften wie opacity und transform, um Browser -Repainten und Layout -Neuberechnung zu minimieren.
• Die anhaltende Bedeutung des kontinuierlichen Lernens und des Experimentierens, um in der sich ständig weiterentwickelnden Landschaft von CSS-Animation und Webstandards voranzukommen.
• Donovans Schwerpunkt auf Überbrückung der Entwurfs- und Entwicklungsstufe, um visuell ansprechende und hochfunktionelle Webanwendungen zu erstellen.

Notizen anzeigen:

• Donovan auf Twitter: @donovanh
• cssanimation.rocks: https://www.php.cn/link/e3a7c7b4b90930a37e43118c0eca208b
• CSS -Animation Rocks auf Twitter: @csSanimation
• mp3.com
• Donovans SitePoint -Kurs: mit CSS
animieren
• Framer
• Prinzip
• Die 12 Grundprinzipien der Animation
• Design für Krisen
• Hosts auf Twitter anzeigen: @mdavidgreen | @tevko | @versioningshow | @sitepointDotcom

Ausgewählte Zitate:

• "Ich erinnere mich, dass ich Abende verbracht habe, um meine Gitarre oder verschiedene Teile meines Hauses in der Amiga zu modellieren, und sie dann über Nacht über Nacht auf den neuesten Stand bringen."
• "Ein sehr inspirierendes CTO bei einem kleinen Startup… überzeugte mich nicht nur, die neuen Technologien auszuprobieren und dieses interessante Zeug im Internet zu akzeptieren, sondern auch darüber zu schreiben."
• "Ich hatte gerade erst begonnen Ein paar Wochen, aber es hat geklappt, und es hat mir wirklich gezeigt, dass es eine großartige Möglichkeit ist, etwas zu verstehen und es zu schätzen - viel mehr als nur auf dem Oberfläche. "
• "Wo alles für mich zusammenkommt, verbindet ein Interesse daran, wie die Dinge mit dem Aufbau des Aussehens und des Gespürs aussehen. Und dafür sitzt CSS dort gut in der Mitte."
• "Ich lasse die älteren Browser sicher nicht diktieren, was mit den neuen Funktionen getan werden kann."
• "Oft können auch subtile Animationen die Menschen so weit ablenken, dass sie die Anwendung buchstäblich nicht einmal mehr verwenden können, da die Bewegung sie daran hindert, an diesem Teil vorbei zu kommen."
• "Die beiden Haupteigenschaften, die sehr gut animieren, sind Transformation und Deckkraft ..."
• "Prototyping -Tools helfen Menschen wirklich, Ideen zu kommunizieren."

(Hinweis: Das Transkript wird für die Kürze weggelassen, die wichtigsten Imbissbuden sind jedoch oben aufgenommen.)

Das obige ist der detaillierte Inhalt vonCSS -Animation, Prototyping -Tools und Inspirationsquellen mit Donovan Hutchinson. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!