Animation CSS, outils de prototypage et sources d'inspiration, avec Donovan Hutchinson

Cet épisode de l'émission de versioning présente le développeur, l'éducateur et le fondateur de CSSanimation.Rocks Donovan Hutchinson. Tim et David discutent d'une gamme de sujets avec Donovan, y compris les avantages de l'enseignement et de la parole pour améliorer l'apprentissage, résoudre les défis de l'interface utilisateur, l'art et l'accessibilité des animations CSS, combler le fossé entre la conception et le développement, les outils de prototypage, les stratégies de compatibilité du navigateur, Sources d'inspiration, et même le sujet surprenant de la conception d'UIS pour les chats!

Ne manquez pas le cours de point de site perspicace de Donovan, "Animating with CSS"!

[lien vers le versioning Page d'accueil Show]

[Lien vers l'abonnement iTunes] | [Lien vers l'abonnement Stitcher] | [Lien vers tous les épisodes]

Points de discussion clés:

• La puissance des animations CSS dans la création d'interfaces utilisateur engageantes, soulignant l'importance de l'implémentation consciente pour éviter les utilisateurs écrasants.
• L'expérience personnelle de Donovan souligne comment l'enseignement et la prise de parole en public approfondissent considérablement la compréhension technique, en particulier son parcours avec Angular.
• Le rôle des outils de prototypage comme le cadre et le principe pour favoriser une meilleure communication et une meilleure collaboration entre les concepteurs et les développeurs.
• Le besoin critique de considérations d'accessibilité dans les animations CSS, abordant l'inconfort ou la distraction liée au mouvement potentiel pour les utilisateurs.
• Optimisation des performances de l'animation en priorisant les propriétés comme opacity et transform pour minimiser les repeintes du navigateur et les recalculs de mise en page.
• L'importance continue de l'apprentissage et de l'expérimentation continues pour rester en avance dans le paysage en constante évolution de l'animation CSS et des normes Web.
• L'accent mis par Donovan sur le fait de combler le fossé de conception et de développement pour créer des applications Web visuellement attrayantes et hautement fonctionnelles.

Afficher les notes:

• Donovan sur Twitter: @Donovanh
• cssanimation.rocks: https://www.php.cn/link/e3a7c7b4b90930a37e43118c0eca208b
• L'animation CSS bascule sur Twitter: @cssanimation
• mp3.com
• Donovan’s SitePoint Course: Animation avec CSS
• Framer
• principe
• Les 12 principes de base de l'animation
• Conception pour la crise
• Afficher les hôtes sur Twitter: @mdavidgreen | @tevko | @versioningsHow | @SitepointDotcom

Citations sélectionnées:

• "Je me souviens avoir passé des soirées à essayer de modéliser ma guitare ou différentes parties de ma maison dans l'Amiga, puis de la laisser du jour au lendemain, bien sûr."
• "Un CTO très inspirant dans une petite startup… m'a convaincu non seulement d'essayer les nouvelles technologies et d'embrasser ce truc intéressant qui se passait sur le Web, mais aussi d'écrire à ce sujet."
• "Je venais de commencer à lire sur Angular. Il a suggéré que je devais aller en parler à la fin de ce mois lors d'une rencontre locale. Je ne savais pas que je pouvais en apprendre suffisamment pour donner un discours sur le sujet en juste Quelques semaines, mais cela a fonctionné, et cela m'a vraiment montré que prendre le temps de comprendre correctement quelque chose de suffisamment pour que vous puissiez enseigner à quelqu'un est un excellent moyen de bien comprendre quelque chose et de l'apprécier - bien plus que de l'utiliser sur le surface. "
• "Là où tout se réunit pour moi, c'est combiner un intérêt pour les choses que les choses ont l'air avec la façon dont elles sont construites. Et, pour cela, CSS se trouve bien au milieu là-bas."
• "Je ne laisse certainement pas les anciens navigateurs dicter ce qui peut être fait avec les nouvelles fonctionnalités."
• "Souvent, même les animations subtiles peuvent distraire les gens au point où ils ne peuvent même plus utiliser l'application, car le mouvement les empêche de dépasser cette partie."
• "Les deux principales propriétés qui anident extrêmement bien sont la transformée et l'opacité ..."
• "Les outils de prototypage aident vraiment les gens à communiquer des idées."

(Remarque: La transcription est omise par la brièveté, mais les principaux plats sont incorporés ci-dessus.)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!