Merge pull request #476 from DNLHC/patch-1

Fixed some typos and improved translation

5-animation/3-js-animation/article.md

@@ -60,7 +60,7 @@ If we run them separately, each one with its own `setInterval(..., 20)`, then th
 
 Each `setInterval` triggers once per `20ms`, but they are independent, so we have several independent runs within `20ms`.
 
-These several independant actions should be grouped together, because it's easier for the browser to redraw things once per `20ms`.
+These several independent actions should be grouped together, because it's easier for the browser to redraw things once per `20ms`.
 
 In other words, this:
 
@@ -105,7 +105,7 @@ The `callback` gets one argument -- the time passed from the beginning of the pa
 
 Usually `callback` runs very soon, unless the CPU is overloaded or the laptop battery is almost discharged, or there's another reason.
 
-The code below shows the time between first 20 runs fo `requestAnimationFrame`. Usually it's 10-20ms:
+The code below shows the time between first 20 runs for `requestAnimationFrame`. Usually it's 10-20ms:
 
 ```html run height=40 refresh
 <script>
@@ -148,13 +148,13 @@ function animate({timing, draw, duration}) {
 }
 ```
 
-Function `animate` accepts 3 parameters that essentially describe the animation:
+Function `animate` accepts 3 parameters that essentially describes the animation:
 
 `duration`
 : Total time of animation. Like, `1000`.
 
 `timing(timeFraction)`
-: Timing function, like CSS-property `transition-timing-function` that takes gets the fraction of time that passed (`0` at start, `1` at the end) and returns the animation completion (like `y` on the Bezier curve).
+: Timing function, like CSS-property `transition-timing-function` that gets the fraction of time that passed (`0` at start, `1` at the end) and returns the animation completion (like `y` on the Bezier curve).
 
     For instance, a linear function means that the animation goes on uniformly with the same speed:
 
@@ -204,7 +204,7 @@ animate({
 });
 ```
 
-Unlike CSS animation, we can make any timing function and any drawing function here. The timing function is not limited by Bezier curves. And `draw` can go beyound properties, create new elements for like fireworks animation or something.
+Unlike CSS animation, we can make any timing function and any drawing function here. The timing function is not limited by Bezier curves. And `draw` can go beyond properties, create new elements for like fireworks animation or something.
 
 ## Timing functions
 
@@ -276,7 +276,7 @@ function back(x, timeFraction) {
 
 ![](back.png)
 
-For animation we use it with a concrete value of `x`. Example for `x = 1.5`:
+For animation we use it with a specific value of `x`. Example for `x = 1.5`:
 
 [iframe height=40 src="back" link]