Closed Bug 1475237 Opened 3 years ago Closed 2 years ago

Documentation for the new Animation Inspector needs to be updated

Categories

(Developer Documentation Graveyard :: Developer Tools, defect, P1)

defect

Tracking

(Not tracked)

RESOLVED INCOMPLETE

People

(Reporter: vlucaci, Assigned: ismith)

References

(Blocks 2 open bugs)

Details

[1] Documentation for the old Animation Inspector:
https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Work_with_animations#Animation_inspector

STR:
1. Go to the SUMO Animations inspector [1]


Expected result:

- The Animation Inspector SUMO documentation reflects the new implementations of the new feature.

Actual result:

- The Animation Inspector SUMO documentation still refers to the old feature.
Priority: -- → P2
Daisuke, are you going to take this on, or do you know who might work on it? Thanks!
Flags: needinfo?(dakatsuka)
n-i to Joni as something the support/user doc team might help with. 
(I don't think the user-doc-needed keyword is in active use.)
Flags: needinfo?(jsavage)
Thanks for n-i'ing me. We don't own the page referenced in comment #1 but maybe Will can point us in the right direction?

We don't have developer content on SUMO as we support general Firefox users.
Flags: needinfo?(jsavage) → needinfo?(wbamberg)
Make that MDN content and dev-doc-needed.
Let's just make it a dev-docs bug.
Component: Animation Inspector → Developer Tools
Flags: needinfo?(wbamberg)
Keywords: dev-doc-needed
Product: DevTools → Developer Documentation
Summary: SUMO documentation for the new Animation Inspector needs to be updated → Documentation for the new Animation Inspector needs to be updated
Version: Trunk → unspecified
I'm sorry for delay.
I may not be able to write the whole document though, I'll list up the summary of changes in here later.
Thanks!
Flags: needinfo?(dakatsuka)
Hi, I list up the summary.

Different points from previous one:
* Summary graph color
    * CSS Animation
    * CSS Transitions
    * Script Animation
* Animated properties graph color
    * Opacity
    * Transform
    * Other
* Selected color of animation on summary graph
* Use Reps component ( https://github.com/devtools-html/debugger.html/tree/master/packages/devtools-reps )
* CSS Animations/Transitions is editable realtimely on 3 pane inspector
* Full RTL support
* Fixed many of bugs which occur in previous one

No change from previous one, but need to update doc?
* How to understand summary graph
    * duration
    * fill mode
    * iterations
    * delay
    * endDelay
    * effect easing path
    * computed progress
* How to understand animated property graph
    * progress bar
    * keyframes value
    * easing (hover on edge of path)

I will add more items when I remember.
Assignee: nobody → ismith
Priority: P2 → P1

I'm closing this bug; the actual work for this issue is now being tracked at https://github.com/mdn/sprints/issues/987

Status: NEW → RESOLVED
Closed: 2 years ago
Resolution: --- → INCOMPLETE
You need to log in before you can comment on or make changes to this bug.