YoVDO

CSS: Enhancing Interfaces with Animation

Offered By: LinkedIn Learning

Tags

Computer Science Courses User Interface Design Courses Web Animation Courses GitHub Codespaces Courses

Course Description

Overview

Leverage CSS animations to enhance websites you develop. Examine animation theories, practical uses, and more as you explore the use of movement in UI.

Syllabus

Introduction
  • Why animations?
  • Using GitHub Codespaces with this course
1. Theory of Animation
  • Best practices
  • The 12 principles of animation
  • The 12 principles used in UI
2. Animation Choreography
  • Animation choreography
  • Sequencing and easing
  • Transformations
  • Focal elements
3. UI Animations
  • Creating button animations
  • Creating menu animations
  • Challenge: Create a card animation
  • Solution: Create a card animation
Conclusion
  • Moving on with animations

Taught by

Christina Gorton

Related Courses

Intro to the Design of Everyday Things
Udacity
Android. Programación de Aplicaciones
Miríadax
Programming Mobile Applications for Android Handheld Systems: Part 1
University of Maryland, College Park via Coursera
Mobile and Ubiquitous Computing
Georgia Institute of Technology via Coursera
Android: Introducción a la Programación
Universitat Politècnica de València via edX