renovations

kyleridolfo · Apr 2, 2015 · 8f221d0 · 8f221d0
1 parent 150d92f
commit 8f221d0
Show file tree

Hide file tree

Showing 18 changed files with 227 additions and 8 deletions.
diff --git a/1-js/2-first-steps/5-variables/variable-brown.svg b/1-js/2-first-steps/5-variables/variable-brown.svg
diff --git a/1-js/2-first-steps/5-variables/variable-gray.svg b/1-js/2-first-steps/5-variables/variable-gray.svg
diff --git a/1-js/2-first-steps/5-variables/variable-green.svg b/1-js/2-first-steps/5-variables/variable-green.svg
diff --git a/2-ui/1-document/1-browser-environment/article.md b/2-ui/1-document/1-browser-environment/article.md
@@ -9,7 +9,7 @@
 
 На рисунке ниже схематически отображена структура, которая получается если посмотреть на совокупность браузерных объектов с "высоты птичьего полёта".
 
-<img src="windowObjects.png">
+<img src="windowObjects.svg">
 
 Как видно из рисунка, на вершине стоит `window`.
 

diff --git a/2-ui/1-document/1-browser-environment/windowObjects.png b/2-ui/1-document/1-browser-environment/windowObjects.png
diff --git a/2-ui/1-document/1-browser-environment/windowObjects.svg b/2-ui/1-document/1-browser-environment/windowObjects.svg
diff --git a/.../2-events-and-interfaces/1-introduction-browser-events/6-carousel/carousel1.png b/.../2-events-and-interfaces/1-introduction-browser-events/6-carousel/carousel1.png
diff --git a/.../2-events-and-interfaces/1-introduction-browser-events/6-carousel/carousel1.svg b/.../2-events-and-interfaces/1-introduction-browser-events/6-carousel/carousel1.svg
diff --git a/.../2-events-and-interfaces/1-introduction-browser-events/6-carousel/carousel2.png b/.../2-events-and-interfaces/1-introduction-browser-events/6-carousel/carousel2.png
diff --git a/.../2-events-and-interfaces/1-introduction-browser-events/6-carousel/carousel2.svg b/.../2-events-and-interfaces/1-introduction-browser-events/6-carousel/carousel2.svg
diff --git a/2-ui/2-events-and-interfaces/1-introduction-browser-events/6-carousel/solution.md b/2-ui/2-events-and-interfaces/1-introduction-browser-events/6-carousel/solution.md
@@ -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>` фиксированная ширина, поэтому "лишние" изображения обрезаются.
 

diff --git a/6-optimize/1-memory-leaks/article.md b/6-optimize/1-memory-leaks/article.md
@@ -164,7 +164,7 @@ function leak() {
 
 Посмотрим, какая структура памяти создается при каждом запуске:
 
-<img src="xhr.png">
+<img src="leak-xhr.svg">
 
 Когда запускается асинхронный запрос `xhr`, браузер создаёт специальную внутреннюю ссылку (internal reference) на этот объект. находится в процессе коммуникации. Именно поэтому объект `xhr` будет жив после окончания работы функции.