javascript-tutorial
diff --git a/‎1-js/2-first-steps/5-variables/variable-brown.svg
-1 b/‎1-js/2-first-steps/5-variables/variable-brown.svg
-1
diff --git a/‎1-js/2-first-steps/5-variables/variable-gray.svg
-1 b/‎1-js/2-first-steps/5-variables/variable-gray.svg
-1
diff --git a/‎1-js/2-first-steps/5-variables/variable-green.svg
-1 b/‎1-js/2-first-steps/5-variables/variable-green.svg
-1
diff --git a/‎2-ui/1-document/1-browser-environment/article.md
+1-1 b/‎2-ui/1-document/1-browser-environment/article.md
+1-1
diff --git a/‎2-ui/1-document/1-browser-environment/windowObjects.png
-6.14 KB b/‎2-ui/1-document/1-browser-environment/windowObjects.png
-6.14 KB
diff --git a/‎2-ui/1-document/1-browser-environment/windowObjects.svg
+76 b/‎2-ui/1-document/1-browser-environment/windowObjects.svg
+76
diff --git a/‎2-ui/2-events-and-interfaces/1-introduction-browser-events/6-carousel/carousel1.png
-2.89 KB b/‎2-ui/2-events-and-interfaces/1-introduction-browser-events/6-carousel/carousel1.png
-2.89 KB
diff --git a/‎2-ui/2-events-and-interfaces/1-introduction-browser-events/6-carousel/carousel1.svg
+32 b/‎2-ui/2-events-and-interfaces/1-introduction-browser-events/6-carousel/carousel1.svg
+32
diff --git a/‎2-ui/2-events-and-interfaces/1-introduction-browser-events/6-carousel/carousel2.png
-3.25 KB b/‎2-ui/2-events-and-interfaces/1-introduction-browser-events/6-carousel/carousel2.png
-3.25 KB
diff --git a/‎2-ui/2-events-and-interfaces/1-introduction-browser-events/6-carousel/carousel2.svg
+34 b/‎2-ui/2-events-and-interfaces/1-introduction-browser-events/6-carousel/carousel2.svg
+34
diff --git a/‎2-ui/2-events-and-interfaces/1-introduction-browser-events/6-carousel/solution.md
+3-3 b/‎2-ui/2-events-and-interfaces/1-introduction-browser-events/6-carousel/solution.md
+3-3
diff --git a/‎6-optimize/1-memory-leaks/article.md
+1-1 b/‎6-optimize/1-memory-leaks/article.md
+1-1
@@ -9,7 +9,7 @@
 
 На рисунке ниже схематически отображена структура, которая получается если посмотреть на совокупность браузерных объектов с "высоты птичьего полёта".
 
-<img src="windowObjects.png">
+<img src="windowObjects.svg">
 
 Как видно из рисунка, на вершине стоит `window`.
 
 
@@ -2,17 +2,17 @@
 
 Нужно расположить его внутри `<div>` фиксированного размера, так чтобы в один момент была видна только нужная часть списка:
 
-<img src="carousel1.png">
+<img src="carousel1.svg">
 
 Чтобы список был длинный и элементы не переходили вниз, ему ставится `width: 9999px`, а элементам `<li>`, соответственно, `float:left`, либо для элементов используется `display: inline-block`, как в этом решении.
 
 Главное -- не использовать `display:inline`, так как такие элементы имеют дополнительные отступы снизу для возможных "хвостов букв".
 
 В частности, для `<img>` нужно поставить в стилях явно `display:block`, чтобы пространства под ними не оставалось.
 
-Для "прокрутки" будем сдвигать `<ul>`. Это можно делать по-разному, например, назначением `margin-left`:
+Для "прокрутки" будем сдвигать `<ul>`. Это можно делать по-разному, например, назначением CSS-свойства `transform: translateX()` или `margin-left`:
 
-<img src="carousel2.png">
+<img src="carousel2.svg">
 
 У внешнего `<div>` фиксированная ширина, поэтому "лишние" изображения обрезаются.
 
 
@@ -164,7 +164,7 @@ function leak() {
 
 Посмотрим, какая структура памяти создается при каждом запуске:
 
-<img src="xhr.png">
+<img src="leak-xhr.svg">
 
 Когда запускается асинхронный запрос `xhr`, браузер создаёт специальную внутреннюю ссылку (internal reference) на этот объект. находится в процессе коммуникации. Именно поэтому объект `xhr` будет жив после окончания работы функции.