2011-07-24 dino@apple.com

- Zero times now have the unit specifier (dbaron feedback 11 April)

Author: grorg

css3-animations/ChangeLog

@@ -1,3 +1,7 @@
+2011-07-24 dino@apple.com
+
+- Zero times now have the unit specifier (dbaron feedback 11 April)
+
 2011-04-05 dino@apple.com
 
 Changes from David Baron's feedback

css3-animations/Overview.html

@@ -29,14 +29,14 @@
 
    <h1>CSS Animations</h1>
 
-   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 5 April 2011</h2>
+   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 25 July 2011</h2>
 
    <dl>
     <dt>This version:
 
     <dd><a
-     href="http://www.w3.org/TR/2011/ED-css3-animations-20110405">http://dev.w3.org/csswg/css3-animations/</a>
-     <!--http://www.w3.org/TR/2011/WD-css3-animations-20110405-->
+     href="http://www.w3.org/TR/2011/ED-css3-animations-20110725/">http://dev.w3.org/csswg/css3-animations/</a>
+     <!--http://www.w3.org/TR/2011/WD-css3-animations-20110725-->
 
     <dt>Latest version:
 
@@ -578,10 +578,10 @@ <h3 id=the-animation-name-property-><span class=secno>3.2. </span> The
       two animations.
       </p>
       <p>
-        At time &lsquo;<code class=css>0s</code>&rsquo; the element's border will be 4px wide (0px from &lsquo;<code class=property>border-bloat</code>&rsquo; plus 4px from &lsquo;<code class=property>border-diet</code>&rsquo;). 
-        At time &lsquo;<code class=css>4s</code>&rsquo; the element's border will be 6px wide (4px from &lsquo;<code class=property>border-bloat</code>&rsquo; plus 2px from &lsquo;<code class=property>border-diet</code>&rsquo;).
-        At time &lsquo;<code class=css>10s</code>&rsquo; the element's border will be 10px wide (10px from &lsquo;<code class=property>border-bloat</code>&rsquo; and no addition from
-        &lsquo;<code class=property>border-diet</code>&rsquo; as it is no longer executing).
+        At time '0s' the element's border will be 4px wide (0px from 'border-bloat' plus 4px from 'border-diet'). 
+        At time '4s' the element's border will be 6px wide (4px from 'border-bloat' plus 2px from 'border-diet').
+        At time '10s' the element's border will be 10px wide (10px from 'border-bloat' and no addition from
+        'border-diet' as it is no longer executing).
       </p>
     </div>
   -->
@@ -610,7 +610,7 @@ <h3 id=the-animation-duration-property-><span class=secno>3.3. </span> The
     <tr>
      <td> <em>Initial:</em>
 
-     <td> 0
+     <td> 0s
 
     <tr>
      <td> <em>Applies&nbsp;to:</em>
@@ -638,10 +638,10 @@ <h3 id=the-animation-duration-property-><span class=secno>3.3. </span> The
      <td> Same as specified value.
   </table>
 
-  <p> By default the value is &lsquo;<code class=css>0</code>&rsquo;, meaning
-   that the animation cycle is immediate. A negative value for <a
+  <p> By default the value is &lsquo;<code class=css>0s</code>&rsquo;,
+   meaning that the animation cycle is immediate. A negative value for <a
    class=prop-name href="#animation-duration">animation-duration</a> is
-   treated as &lsquo;<code class=css>0</code>&rsquo;. In this case <a
+   treated as &lsquo;<code class=css>0s</code>&rsquo;. In this case <a
    class=prop-name href="#animation-fill-mode">animation-fill-mode</a> still
    applies, so an animation that fills backwards will show the value of the
    0% keyframe during any delay period, and an animation that fill forwards
@@ -953,7 +953,7 @@ <h3 id=the-animation-delay-property-><span class=secno>3.8. </span> The
     <tr>
      <td> <em>Initial:</em>
 
-     <td> 0
+     <td> 0s
 
     <tr>
      <td> <em>Applies&nbsp;to:</em>
@@ -1272,8 +1272,9 @@ <h2 id=animation-events-><span class=secno>4. </span> Animation Events</h2>
              <code>DOMString</code>
 
             <dd> Specifies the <a
-             href="http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-Event"><code>Event</code></a>'s
-             animation name.<br>
+             href="http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-Event"><code>Event</code></a>&lsquo;<code
+             class=css>s animation name.<br>
+             </code>
 
             <dt> <code class=parameter-name>elapsedTimeArg</code> of type
              <code>float</code>
@@ -1298,8 +1299,8 @@ <h2 id=animation-events-><span class=secno>4. </span> Animation Events</h2>
   <dl>
    <dt> <b>animationstart</b>
 
-   <dd> The &lsquo;<code class=property>animationstart</code>&rsquo; event
-    occurs at the start of the animation. If there is an <a class=prop-name
+   <dd> The &rsquo;animationstart' event occurs at the start of the
+    animation. If there is an <a class=prop-name
     href="#animation-delay">animation-delay</a> then this event will fire
     once the delay period has expired. A negative delay will cause the event
     to fire with an elapsedTime equal to the absolute value of the delay.
@@ -1616,7 +1617,7 @@ <h2 class=no-num id=property-index>Property index</h2>
      <th>Media
 
    <tbody>
-    <tr valign=baseline>
+    <tr>
      <td><a class=property href="#animation">animation</a>
 
      <td>[&lt;animation-name&gt; || &lt;animation-duration&gt; ||
@@ -1637,12 +1638,12 @@ <h2 class=no-num id=property-index>Property index</h2>
 
      <td>visual
 
-    <tr valign=baseline>
+    <tr>
      <td><a class=property href="#animation-delay">animation-delay</a>
 
      <td>&lt;time&gt; [, &lt;time&gt;]*
 
-     <td>0
+     <td>0s
 
      <td>block-level and inline-level elements
 
@@ -1652,7 +1653,7 @@ <h2 class=no-num id=property-index>Property index</h2>
 
      <td>visual
 
-    <tr valign=baseline>
+    <tr>
      <td><a class=property
       href="#animation-direction">animation-direction</a>
 
@@ -1668,12 +1669,12 @@ <h2 class=no-num id=property-index>Property index</h2>
 
      <td>visual
 
-    <tr valign=baseline>
+    <tr>
      <td><a class=property href="#animation-duration">animation-duration</a>
 
      <td>&lt;time&gt; [, &lt;time&gt;]*
 
-     <td>0
+     <td>0s
 
      <td>block-level and inline-level elements
 
@@ -1683,7 +1684,7 @@ <h2 class=no-num id=property-index>Property index</h2>
 
      <td>visual
 
-    <tr valign=baseline>
+    <tr>
      <td><a class=property
       href="#animation-fill-mode">animation-fill-mode</a>
 
@@ -1700,7 +1701,7 @@ <h2 class=no-num id=property-index>Property index</h2>
 
      <td>visual
 
-    <tr valign=baseline>
+    <tr>
      <td><a class=property
       href="#animation-iteration-count">animation-iteration-count</a>
 
@@ -1716,7 +1717,7 @@ <h2 class=no-num id=property-index>Property index</h2>
 
      <td>visual
 
-    <tr valign=baseline>
+    <tr>
      <td><a class=property href="#animation-name">animation-name</a>
 
      <td>none | IDENT [, none | IDENT ]*
@@ -1731,7 +1732,7 @@ <h2 class=no-num id=property-index>Property index</h2>
 
      <td>visual
 
-    <tr valign=baseline>
+    <tr>
      <td><a class=property
       href="#animation-play-state">animation-play-state</a>
 
@@ -1747,7 +1748,7 @@ <h2 class=no-num id=property-index>Property index</h2>
 
      <td>visual
 
-    <tr valign=baseline>
+    <tr>
      <td><a class=property
       href="#animation-timing-function">animation-timing-function</a>
 

css3-animations/Overview.src.html

@@ -498,7 +498,7 @@ <h3>
               <em>Initial:</em>
             </td>
             <td>
-              0
+              0s
             </td>
           </tr>
           <tr>
@@ -545,9 +545,9 @@ <h3>
       </table>
 
       <p>
-        By default the value is '0', meaning that the animation cycle is
+        By default the value is '0s', meaning that the animation cycle is
         immediate. A negative value for <span
-        class="prop-name">animation-duration</span> is treated as '0'. In this
+        class="prop-name">animation-duration</span> is treated as '0s'. In this
         case <span class="prop-name">animation-fill-mode</span> still applies,
         so an animation that fills backwards will show the value of the 0%
         keyframe during any delay period, and an animation that fill forwards
@@ -905,7 +905,7 @@ <h3>
               <em>Initial:</em>
             </td>
             <td>
-              0
+              0s
             </td>
           </tr>
           <tr>