openedx / openedx/paragon

Design animation specs for each component

Open
#1,637 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

design
Dominant language
JavaScript
Stars
140
Forks
100
Avg merge
1h 3m
Merged PRs (30d)
30

Description

New animation features are coming to Paragon.

The design task is to spec out animation styles and timing for components within Paragon. Some components might not require any animations. Consider also if components should be restricted to only certain types of animation.

For Accessibility purposes, components should also have a "reduced motion" option, or no animation at all.

Animation specs should be brought to Paragon Working Group for initial feedback.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reviewing the animation requirements for Paragon components, including whether each component needs animation, permitted animation types, timing, and reduced-motion behavior. Bring the resulting animation specifications to the Paragon Working Group for initial feedback; completion means the component specs and accessibility considerations have been documented and reviewed.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
accessibility, design, frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.