Minor tweaks

Author: theres-waldo

Overview.bs

@@ -11,6 +11,7 @@ Abstract: Defines an API and markup for creating animations that are either
 Editor: Dean Jackson <dino@apple.com>
 Editor: Brian Birtles <bbirtles@mozilla.com>
 Editor: Botond Ballo <botond@mozilla.com>
+Editor: Mantaroh Yoshinaga <mantaroh@mozilla-japan.org>
 </pre>
 
 # Introduction # {#intro}
@@ -37,10 +38,10 @@ an animation timeline; and by defining a new type of animation timeline: a
 This specification defines both programming interfaces for interacting with these
 concepts, as well as CSS markup.
 
-The behaviour of the CSS markup is described in terms of the programming APIs.
+The behaviour of the CSS markup is described in terms of the programming interfaces.
 This is not intended to exclude user agents that do not support script. Such user 
 agents are welcome to support the CSS markup, and give it the same behaviour as-if 
-the underlying programming APIs were in place.
+the underlying programming interfaces were in place.
 
 # Use cases # {#use-cases}
 
@@ -161,7 +162,7 @@ partial interface AnimationTimeline {
 };
 </pre>
 
-If a timeline has a specified trigger, the timeline is only activate when its 
+If a timeline has a specified trigger, the timeline is only active when its 
 trigger is active.
 
 That is, a timeline with a trigger only becomes active when its trigger becomes
@@ -505,7 +506,7 @@ A {{ScrollTimeline}} must have a {{AnimationTimeline/trigger}}, it must be of ty
 {{ScrollTrigger}}, and the trigger's {{kind}} must be {{range}}.
 
 The scroll container whose scrolling drives the timeline is the trigger's 
-{{scrollSource}}. The direction of scroling that drives the timeline is the 
+{{scrollSource}}. The direction of scrolling that drives the timeline is the 
 trigger's {{orientation}}.
 
 <div class="attributes">

index.html

@@ -269,6 +269,7 @@ <h2 class="no-num no-toc no-ref heading settled" id="subtitle"><span class="cont
      <dd class="editor p-author h-card vcard"><span class="p-name fn">Dean Jackson &lt;dino@apple.com></span>
      <dd class="editor p-author h-card vcard"><span class="p-name fn">Brian Birtles &lt;bbirtles@mozilla.com></span>
      <dd class="editor p-author h-card vcard"><span class="p-name fn">Botond Ballo &lt;botond@mozilla.com></span>
+     <dd class="editor p-author h-card vcard"><span class="p-name fn">Mantaroh Yoshinaga &lt;mantaroh@mozilla-japan.org></span>
     </dl>
    </div>
    <div data-fill-with="warning"></div>
@@ -376,10 +377,10 @@ <h3 class="heading settled" data-level="1.1" id="other-specs"><span class="secno
 an animation timeline; and by defining a new type of animation timeline: a <a data-link-type="dfn" href="#scroll-timeline" id="ref-for-scroll-timeline-1">scroll timeline</a>.</p>
    <p>This specification defines both programming interfaces for interacting with these
 concepts, as well as CSS markup.</p>
-   <p>The behaviour of the CSS markup is described in terms of the programming APIs.
+   <p>The behaviour of the CSS markup is described in terms of the programming interfaces.
 This is not intended to exclude user agents that do not support script. Such user 
 agents are welcome to support the CSS markup, and give it the same behaviour as-if 
-the underlying programming APIs were in place.</p>
+the underlying programming interfaces were in place.</p>
    <h2 class="heading settled" data-level="2" id="use-cases"><span class="secno">2. </span><span class="content">Use cases</span><a class="self-link" href="#use-cases"></a></h2>
    <h3 class="heading settled" data-level="2.1" id="scroll-timeline-use-case"><span class="secno">2.1. </span><span class="content">ScrollTimeline</span><a class="self-link" href="#scroll-timeline-use-case"></a></h3>
     Here’s an example of scrollable page contents including the animated element.
@@ -458,7 +459,7 @@ <h3 class="heading settled" data-level="3.2" id="extensions-to-animationtimeline
   <span class="kt">readonly</span> <span class="kt">attribute</span> <a class="n" data-link-type="idl-name" href="#animationtimelinetrigger" id="ref-for-animationtimelinetrigger-2">AnimationTimelineTrigger</a>? <dfn class="nv dfn-paneled idl-code" data-dfn-for="AnimationTimeline" data-dfn-type="attribute" data-export="" data-readonly="" data-type="AnimationTimelineTrigger?" id="dom-animationtimeline-trigger">trigger</dfn>;
 };
 </pre>
-   <p>If a timeline has a specified trigger, the timeline is only activate when its
+   <p>If a timeline has a specified trigger, the timeline is only active when its
 trigger is active.</p>
    <p>That is, a timeline with a trigger only becomes active when its trigger becomes
 active <strong>and</strong> all the other criteria for the timeline becoming
@@ -780,7 +781,7 @@ <h3 class="heading settled" data-level="4.1" id="scrolltimeline-interface"><span
     <p>A <dfn class="dfn-paneled" data-dfn-type="dfn" data-noexport="" id="scroll-timeline">scroll timeline</dfn> is an <code class="idl"><a data-link-type="idl" href="https://www.w3.org/TR/web-animations/#animationtimeline">AnimationTimeline</a></code> whose time values are determined
 not by wall-clock time, but by the progress of scrolling in a <a data-link-type="dfn" href="https://drafts.csswg.org/css-overflow-3/#scroll-container">scroll container</a>.</p>
     <p>A <code class="idl"><a data-link-type="idl" href="#scrolltimeline" id="ref-for-scrolltimeline-2">ScrollTimeline</a></code> must have a <code class="idl"><a data-link-type="idl" href="#dom-animationtimeline-trigger" id="ref-for-dom-animationtimeline-trigger-2">trigger</a></code>, it must be of type <code class="idl"><a data-link-type="idl" href="#scrolltrigger" id="ref-for-scrolltrigger-8">ScrollTrigger</a></code>, and the trigger’s <code class="idl"><a data-link-type="idl" href="#dom-scrolltrigger-kind" id="ref-for-dom-scrolltrigger-kind-4">kind</a></code> must be <code class="idl"><a data-link-type="idl" href="#dom-scrolltriggerkind-range" id="ref-for-dom-scrolltriggerkind-range-1">range</a></code>.</p>
-    <p>The scroll container whose scrolling drives the timeline is the trigger’s <code class="idl"><a data-link-type="idl" href="#dom-scrolltrigger-scrollsource" id="ref-for-dom-scrolltrigger-scrollsource-14">scrollSource</a></code>. The direction of scroling that drives the timeline is the 
+    <p>The scroll container whose scrolling drives the timeline is the trigger’s <code class="idl"><a data-link-type="idl" href="#dom-scrolltrigger-scrollsource" id="ref-for-dom-scrolltrigger-scrollsource-14">scrollSource</a></code>. The direction of scrolling that drives the timeline is the 
 trigger’s <code class="idl"><a data-link-type="idl" href="#dom-scrolltrigger-orientation" id="ref-for-dom-scrolltrigger-orientation-13">orientation</a></code>.</p>
     <div class="attributes">
      <dl>