FIx more live examples (#2774)

33 files changed, 58 insertions, 58 deletions

diff --git a/files/ru/web/api/document/domcontentloaded_event/index.html b/files/ru/web/api/document/domcontentloaded_event/index.html
index 6ce88a6b49..524eecad01 100644
--- a/files/ru/web/api/document/domcontentloaded_event/index.html
+++ b/files/ru/web/api/document/domcontentloaded_event/index.html
@@ -146,7 +146,7 @@ document.addEventListener('DOMContentLoaded', (event) => {
 
 <h4 id="Result">Result</h4>
 
-<p>{{ EmbedLiveSample('Live_example', '100%', '160px') }}</p>
+<p>{{ EmbedLiveSample('Живые_примеры', '100%', '160px') }}</p>
 
 <h2 id="Спецификации">Спецификации</h2>
 
diff --git a/files/ru/web/api/domtokenlist/index.html b/files/ru/web/api/domtokenlist/index.html
index 852ccab596..1f352cbdf8 100644
--- a/files/ru/web/api/domtokenlist/index.html
+++ b/files/ru/web/api/domtokenlist/index.html
@@ -60,7 +60,7 @@ para.textContent = 'paragraph classList is "' + classes + '"';</pre>
 
 <p>Результат выглядит так:</p>
 
-<p>{{ EmbedLiveSample('Examples', '100%', 60) }}</p>
+<p>{{ EmbedLiveSample('Примеры', '100%', 60) }}</p>
 
 <h2 id="Обрезка_пробелов_и_удаление_дубликатов">Обрезка пробелов и удаление дубликатов</h2>
 
@@ -75,7 +75,7 @@ span.textContent = 'span classList is "' + classes + '"';</pre>
 
 <p>Результат выглядит так:</p>
 
-<p>{{ EmbedLiveSample('Trimming_of_whitespace_and_removal_of_duplicates', '100%', 60) }}</p>
+<p>{{ EmbedLiveSample('Обрезка_пробелов_и_удаление_дубликатов', '100%', 60) }}</p>
 
 <h2 id="Характеристики">Характеристики</h2>
 
diff --git a/files/ru/web/api/domtokenlist/replace/index.html b/files/ru/web/api/domtokenlist/replace/index.html
index ad41a3d422..ae19753035 100644
--- a/files/ru/web/api/domtokenlist/replace/index.html
+++ b/files/ru/web/api/domtokenlist/replace/index.html
@@ -52,7 +52,7 @@ if (result) {
 
 <p><span class="VIiyi" lang="ru"><span class="ChMk0b JLqJ4b"><span>Результат выглядит так:</span></span></span></p>
 
-<p>{{ EmbedLiveSample('Examples', '100%', 60) }}</p>
+<p>{{ EmbedLiveSample('Примеры', '100%', 60) }}</p>
 
 <h2 id="Полифил">Полифил</h2>
 
diff --git a/files/ru/web/api/file/name/index.html b/files/ru/web/api/file/name/index.html
index 195a4d0ff9..390e8689c3 100644
--- a/files/ru/web/api/file/name/index.html
+++ b/files/ru/web/api/file/name/index.html
@@ -36,7 +36,7 @@ translation_of: Web/API/File/name
 
 <p>Проверьте результаты ниже:</p>
 
-<p>{{ EmbedLiveSample('Example', 300, 50) }}</p>
+<p>{{ EmbedLiveSample('Пример', 300, 50) }}</p>
 
 <h2 id="Спецификация">Спецификация</h2>
 
diff --git a/files/ru/web/api/mouseevent/index.html b/files/ru/web/api/mouseevent/index.html
index bae758f90d..9c8810647f 100644
--- a/files/ru/web/api/mouseevent/index.html
+++ b/files/ru/web/api/mouseevent/index.html
@@ -104,7 +104,7 @@ translation_of: Web/API/MouseEvent
  <dd>Initializes the value of a <code>MouseEvent</code> created. If the event has already being dispatched, this method does nothing.</dd>
 </dl>
 
-<h2 id="Примеры">Примеры</h2>
+<h2 id="Пример">Пример</h2>
 
 <p>Данный пример демонстрирует симуляцию нажатия левой клавиши мыши (событие мыши генерируется программно) по чекбоксу используя методы DOM.</p>
 
@@ -132,7 +132,7 @@ document.getElementById("button").addEventListener('click', simulateClick);</pre
 
 <p>Нажмите на кнопку, чтобы посмотреть, как работает пример.</p>
 
-<p>{{ EmbedLiveSample('Example', '', '', '') }}</p>
+<p>{{ EmbedLiveSample('Пример', '', '', '') }}</p>
 
 <h2 id="Спецификации">Спецификации</h2>
 
diff --git a/files/ru/web/api/node/isequalnode/index.html b/files/ru/web/api/node/isequalnode/index.html
index f80614f7bd..e42c1fc408 100644
--- a/files/ru/web/api/node/isequalnode/index.html
+++ b/files/ru/web/api/node/isequalnode/index.html
@@ -56,7 +56,7 @@ output<span class="punctuation token">.</span>innerHTML <span class="operator to
 
 <h3 id="Results">Results</h3>
 
-<p>{{ EmbedLiveSample('Example', 480) }}</p>
+<p>{{ EmbedLiveSample('Пример', 480) }}</p>
 
 <h2 id="Specification" name="Specification">Спецификации</h2>
 
diff --git a/files/ru/web/css/_colon_dir/index.html b/files/ru/web/css/_colon_dir/index.html
index b0dc94c75d..9e904def00 100644
--- a/files/ru/web/css/_colon_dir/index.html
+++ b/files/ru/web/css/_colon_dir/index.html
@@ -63,7 +63,7 @@ translation_of: 'Web/CSS/:dir'
 
 <h3 id="Result">Result</h3>
 
-<p>{{ EmbedLiveSample('Example') }}</p>
+<p>{{ EmbedLiveSample('Пример') }}</p>
 
 <h2 id="Спецификации">Спецификации</h2>
 
diff --git a/files/ru/web/css/border-image-width/index.html b/files/ru/web/css/border-image-width/index.html
index de81fe8ef5..8894a8dfb1 100644
--- a/files/ru/web/css/border-image-width/index.html
+++ b/files/ru/web/css/border-image-width/index.html
@@ -96,7 +96,7 @@ border-image-width: unset;
    padding: 40px;
 }</pre>
 
-<p style="">{{ EmbedLiveSample('Examples', '480', '320', '', 'Web/CSS/border-image-width') }}</p>
+<p style="">{{ EmbedLiveSample('Примеры', '480', '320', '', 'Web/CSS/border-image-width') }}</p>
 
 <h2 id="Specifications" name="Specifications" style="">Спецификации</h2>
 
diff --git a/files/ru/web/css/calc()/index.html b/files/ru/web/css/calc()/index.html
index f87a4979a0..9d12950574 100644
--- a/files/ru/web/css/calc()/index.html
+++ b/files/ru/web/css/calc()/index.html
@@ -62,7 +62,7 @@ translation_of: Web/CSS/calc()
 
 <pre class="brush: html notranslate">&lt;div class="banner"&gt;Это баннер!&lt;/div&gt;</pre>
 
-<p>{{ EmbedLiveSample('%D0%9F%D0%BE%D0%B7%D0%B8%D1%86%D0%B8%D0%BE%D0%BD%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5_%D0%BE%D0%B1%D1%8A%D0%B5%D0%BA%D1%82%D0%B0_%D0%B2_%D0%BE%D0%BA%D0%BD%D0%B5_%D1%81_%D0%BF%D0%BE%D0%BC%D0%BE%D1%89%D1%8C%D1%8E_%D0%BE%D1%82%D1%81%D1%82%D1%83%D0%BF%D0%B0', '100%', '60') }}</p>
+<p>{{ EmbedLiveSample('Позиционирование_объекта_в_окне_с_помощью_отступа', '100%', '60') }}</p>
 
 <h3 id="Автоматическое_изменение_размера_формы_ввода_для_соответствия_размеру_контейнера">Автоматическое изменение размера формы ввода для соответствия размеру контейнера</h3>
 
@@ -95,7 +95,7 @@ translation_of: Web/CSS/calc()
 &lt;/form&gt;
 </pre>
 
-<p>{{ EmbedLiveSample('%D0%90%D0%B2%D1%82%D0%BE%D0%BC%D0%B0%D1%82%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D0%BE%D0%B5_%D0%B8%D0%B7%D0%BC%D0%B5%D0%BD%D0%B5%D0%BD%D0%B8%D0%B5_%D1%80%D0%B0%D0%B7%D0%BC%D0%B5%D1%80%D0%B0_%D1%84%D0%BE%D1%80%D0%BC%D1%8B_%D0%B2%D0%B2%D0%BE%D0%B4%D0%B0_%D0%B4%D0%BB%D1%8F_%D1%81%D0%BE%D0%BE%D1%82%D0%B2%D0%B5%D1%82%D1%81%D1%82%D0%B2%D0%B8%D1%8F_%D1%80%D0%B0%D0%B7%D0%BC%D0%B5%D1%80%D1%83_%D0%BA%D0%BE%D0%BD%D1%82%D0%B5%D0%B9%D0%BD%D0%B5%D1%80%D0%B0', '100%', '80') }}</p>
+<p>{{ EmbedLiveSample('Автоматическое_изменение_размера_формы_ввода_для_соответствия_размеру_контейнера', '100%', '80') }}</p>
 
 <h3 id="Вложенный_calc_с_CSS_переменными">Вложенный <code>calc()</code> с CSS переменными</h3>
 
diff --git a/files/ru/web/css/column-rule-style/index.html b/files/ru/web/css/column-rule-style/index.html
index 6733549044..b4a5b27beb 100644
--- a/files/ru/web/css/column-rule-style/index.html
+++ b/files/ru/web/css/column-rule-style/index.html
@@ -64,7 +64,7 @@ column-rule-style: unset;
 
 <h3 id="Результат">Результат</h3>
 
-<p>{{ EmbedLiveSample('Example') }}</p>
+<p>{{ EmbedLiveSample('Пример') }}</p>
 
 <h2 id="Спецификации">Спецификации</h2>
 
diff --git a/files/ru/web/css/css_grid_layout/grid_template_areas/index.html b/files/ru/web/css/css_grid_layout/grid_template_areas/index.html
index 830df019a4..8070f107f2 100644
--- a/files/ru/web/css/css_grid_layout/grid_template_areas/index.html
+++ b/files/ru/web/css/css_grid_layout/grid_template_areas/index.html
@@ -152,7 +152,7 @@ original_slug: Web/CSS/CSS_Grid_Layout/Грид-области
     &lt;div class="footer"&gt;Footer&lt;/div&gt;
 &lt;/div&gt;</pre>
 
-<p>{{ EmbedLiveSample('Leaving_a_grid_cell_empty', '300', '330') }}</p>
+<p>{{ EmbedLiveSample('Оставляем_ячейку_пустой', '300', '330') }}</p>
 
 <p>Чтобы сделать наш макет чище, мы можем использовать множество символов <code>.</code>. Если между точками нет пробелов, то они считаются одной ячейкой. В комплексных макетах подобная возможность помогает аккуратно выравнивать строки и колонки. То есть, вы прямо в CSS можете видеть, как выглядит ваш макет.</p>
 
@@ -217,7 +217,7 @@ original_slug: Web/CSS/CSS_Grid_Layout/Грид-области
 &lt;/div&gt;</pre>
 </div>
 
-<p>{{ EmbedLiveSample('Spanning_multiple_cells', '300', '330') }}</p>
+<p>{{ EmbedLiveSample('Охватываем_несколько_ячеек', '300', '330') }}</p>
 
 <p>Значение {{cssxref("grid-template-areas")}} должно отображать законченный грид, а иначе оно невалидно (и игнорируется!). Это значит, что у вас должно быть одинаковое количество ячеек в каждой строке, а если какая-то ячейка должна быть пустой, то вместо имени в ней должна быть точка. Грид будет также невалидным, если области в нем не прямоугольные.</p>
 
@@ -304,7 +304,7 @@ original_slug: Web/CSS/CSS_Grid_Layout/Грид-области
 &lt;/div&gt;</pre>
 </div>
 
-<p>{{ EmbedLiveSample('Redefining_the_grid_using_media_queries', '550', '330') }}</p>
+<p>{{ EmbedLiveSample('Переопределение_грида_с_медиавыражениями', '550', '330') }}</p>
 
 <h2 id="Использование_grid-template-areas_для_элементов_UI">Использование <code>grid-template-areas</code> для элементов UI</h2>
 
diff --git a/files/ru/web/css/css_grid_layout/layout_using_named_grid_lines/index.html b/files/ru/web/css/css_grid_layout/layout_using_named_grid_lines/index.html
index 4d95530d74..a065b309a8 100644
--- a/files/ru/web/css/css_grid_layout/layout_using_named_grid_lines/index.html
+++ b/files/ru/web/css/css_grid_layout/layout_using_named_grid_lines/index.html
@@ -364,7 +364,7 @@ translation_of: Web/CSS/CSS_Grid_Layout/Layout_using_Named_Grid_Lines
 
 <p>Если вы работаете со строгим макетом из нескольких столбцов, например, демонстрация именованных строк в последней части этого руководства работает очень хорошо. Если вы рассматриваете сеточные системы, в таких фреймворках, как Foundation или Bootstrap, которые основаны на сетке из 12 столбцов. Затем фреймворк импортирует код для выполнения всех вычислений, чтобы убедиться, что столбцы складываются до 100%. С помощью Grid layout единственный код, который нам нужен для нашего грид-фреймворка, - это:</p>
 
-<div class="three_column">
+<div id="three_column">
 <pre class="brush: css">.wrapper {
   display: grid;
   grid-gap: 10px;
diff --git a/files/ru/web/css/css_grid_layout/line-based_placement_with_css_grid/index.html b/files/ru/web/css/css_grid_layout/line-based_placement_with_css_grid/index.html
index 8c8713b6b4..4f5efbfe26 100644
--- a/files/ru/web/css/css_grid_layout/line-based_placement_with_css_grid/index.html
+++ b/files/ru/web/css/css_grid_layout/line-based_placement_with_css_grid/index.html
@@ -57,7 +57,7 @@ original_slug: >-
 &lt;/div&gt;
 </pre>
 
-<p>{{ EmbedLiveSample('A_basic_example', '300', '330') }}</p>
+<p>{{ EmbedLiveSample('Базовый_пример', '300', '330') }}</p>
 
 <h2 id="Позиционирование_элементов_по_номерам_линий">Позиционирование элементов по номерам линий</h2>
 
@@ -430,7 +430,7 @@ original_slug: >-
 }
 </pre>
 
-<p>{{ EmbedLiveSample('Counting_backwards', '300', '330') }}</p>
+<p>{{ EmbedLiveSample('Считая_с_конца', '300', '330') }}</p>
 
 <h3 id="Как_растянуть_элемент_на_длину_всего_грида">Как растянуть элемент на длину всего грида?</h3>
 
@@ -502,7 +502,7 @@ original_slug: >-
 }
 </pre>
 
-<p>{{ EmbedLiveSample('Gutters_or_Alleys', '300', '350') }}</p>
+<p>{{ EmbedLiveSample('Зазоры_Gutters_или_аллеи_Alleys', '300', '350') }}</p>
 
 <h3 id="Сокращённая_запись_для_грид-зазоров">Сокращённая запись для грид-зазоров</h3>
 
@@ -570,7 +570,7 @@ original_slug: >-
 }
 </pre>
 
-<p>{{ EmbedLiveSample('Using_the_span_keyword', '300', '330') }}</p>
+<p>{{ EmbedLiveSample('Использование_ключевого_слова_span', '300', '330') }}</p>
 
 <p>Ключевое слово  <code>span</code> также можно использовать в качестве значения <code>grid-row-start</code>/<code>grid-row-end</code> и<code>grid-column-start/grid-column-end</code>. Два примера ниже создают одну и ту же грид-область. В первом примере мы задаём начальную строчную линию, а после говорим свойству, отвечающему за конечную линию: эй, мы хотим занять под этот элемент три линии. В итоге, грид-область начинается с первой линии и занимает пространство до 4-ой.</p>
 
diff --git a/files/ru/web/css/css_grid_layout/relationship_of_grid_layout/index.html b/files/ru/web/css/css_grid_layout/relationship_of_grid_layout/index.html
index 1d3c710434..fe9d21dcb8 100644
--- a/files/ru/web/css/css_grid_layout/relationship_of_grid_layout/index.html
+++ b/files/ru/web/css/css_grid_layout/relationship_of_grid_layout/index.html
@@ -69,7 +69,7 @@ translation_of: Web/CSS/CSS_Grid_Layout/Relationship_of_Grid_Layout
 
 <p>В примере ниже мы создаём тот же самый макет, но используя гриды. На этот раз у нас три трека-колонки шириной в <code>1fr</code> . И при этом нам не требуется задавать какие-либо свойства дочерним элементам, потому что они самостоятельно занимают по одной ячейке созданного грида. Как видите, наши элементы лежат в жёсткой сетке и выравниваются и по строке, и по колонке. Поскольку у нас пять элементов, в результате мы получаем пустую ячейку в конце второй строки. </p>
 
-<div class="Two_Dimensional_With_Grid">
+<div id="Two_Dimensional_With_Grid">
 <div class="hidden">
 <pre class="brush: css notranslate">* {box-sizing: border-box;}
 
@@ -171,7 +171,7 @@ translation_of: Web/CSS/CSS_Grid_Layout/Relationship_of_Grid_Layout
 }
 </pre>
 
-<p>{{ EmbedLiveSample('Box_alignment', '300', '230') }}</p>
+<p>{{ EmbedLiveSample('Выравнивание_блоков', '300', '230') }}</p>
 
 <h3 id="Тем_временем_в_параллельной_вселенной_выравнивание_в_CSS_Гридах">Тем временем в параллельной вселенной: выравнивание в CSS Гридах</h3>
 
@@ -216,7 +216,7 @@ translation_of: Web/CSS/CSS_Grid_Layout/Relationship_of_Grid_Layout
 }
 </pre>
 
-<p>{{ EmbedLiveSample('Alignment_in_CSS_Grids', '200', '310') }}</p>
+<p>{{ EmbedLiveSample('Тем_временем_в_параллельной_вселенной_выравнивание_в_CSS_Гридах', '200', '310') }}</p>
 
 <h3 id="Единица_fr_и_flex-basis">Единица <code>fr</code> и <code>flex-basis</code></h3>
 
@@ -264,7 +264,7 @@ translation_of: Web/CSS/CSS_Grid_Layout/Relationship_of_Grid_Layout
 }
 </pre>
 
-<p>{{ EmbedLiveSample('Auto-filling_grid_tracks', '500', '170') }}</p>
+<p>{{ EmbedLiveSample('Автозаполнение_грид-треков', '500', '170') }}</p>
 
 <h3 id="Переменное_количество_треков">Переменное количество треков</h3>
 
@@ -302,7 +302,7 @@ translation_of: Web/CSS/CSS_Grid_Layout/Relationship_of_Grid_Layout
 }
 </pre>
 
-<p>{{ EmbedLiveSample('A_flexible_number_of_tracks', '500', '170') }}</p>
+<p>{{ EmbedLiveSample('Переменное_количество_треков', '500', '170') }}</p>
 
 <p>Собственно, теперь у нас есть возможность создавать гриды с переменным количеством или с переменным размером треков и при этом по-прежнему держать элементы в жёсткой сетке из строк и колонок.</p>
 
@@ -364,7 +364,7 @@ translation_of: Web/CSS/CSS_Grid_Layout/Relationship_of_Grid_Layout
 }
 </pre>
 
-<p>{{ EmbedLiveSample('A_grid_container_as_containing_block', '500', '330') }}</p>
+<p>{{ EmbedLiveSample('Грид-контейнер_как_контейнерный_блок', '500', '330') }}</p>
 
 <p>Вы видите, что наш элемент занимает область от колоночной грид-линии 2 до колоночной грид-линии 4 и начинается после строчной линии 1. С помощью свойств left и top мы сдвигаем его относительно этой области. В то же время, он изымается из потока так же, как и любой другой элемент с абсолютным позиционированием, поэтому правила авторазмещения теперь помещают другие элементы на его место. Абсолютное позиционирование нашего элемент также не приводит к появлению новой строки.</p>
 
@@ -439,7 +439,7 @@ translation_of: Web/CSS/CSS_Grid_Layout/Relationship_of_Grid_Layout
 }
 </pre>
 
-<p>{{ EmbedLiveSample('With_a_grid_area_as_the_parent', '500', '420') }}</p>
+<p>{{ EmbedLiveSample('А_что_если_родительский_элемент_-_это_грид-область', '500', '420') }}</p>
 
 <h2 id="Грид_и_display_contents">Грид и <code>display:</code> <code>contents</code></h2>
 
diff --git a/files/ru/web/css/isolation/index.html b/files/ru/web/css/isolation/index.html
index 7153c6f925..efc893aad3 100644
--- a/files/ru/web/css/isolation/index.html
+++ b/files/ru/web/css/isolation/index.html
@@ -77,7 +77,7 @@ isolation: unset;
   isolation: isolate;
 }</pre>
 
-<p>{{ EmbedLiveSample('Examples', 230, 230) }}</p>
+<p>{{ EmbedLiveSample('Примеры', 230, 230) }}</p>
 
 <h2 id="Спецификации">Спецификации</h2>
 
diff --git a/files/ru/web/css/list-style-image/index.html b/files/ru/web/css/list-style-image/index.html
index 75ab704334..565ad915c6 100644
--- a/files/ru/web/css/list-style-image/index.html
+++ b/files/ru/web/css/list-style-image/index.html
@@ -65,7 +65,7 @@ list-style-image: unset;
 
 <h3 id="Результат">Результат</h3>
 
-<p>{{ EmbedLiveSample('Example') }}</p>
+<p>{{ EmbedLiveSample('Пример') }}</p>
 
 <h2 id="Спецификации">Спецификации</h2>
 
diff --git a/files/ru/web/css/margin/index.html b/files/ru/web/css/margin/index.html
index ef0f4e145a..4aae6280d2 100644
--- a/files/ru/web/css/margin/index.html
+++ b/files/ru/web/css/margin/index.html
@@ -160,7 +160,7 @@ margin: unset;
   width: 66%;
 }</pre>
 
-<p>{{ EmbedLiveSample('Simple_example','100%',120) }}</p>
+<p>{{ EmbedLiveSample('Простой_пример','100%',120) }}</p>
 
 <h3 id="Больше_примеров">Больше примеров</h3>
 
diff --git a/files/ru/web/css/order/index.html b/files/ru/web/css/order/index.html
index ca01f0c801..e5b0bfbbe5 100644
--- a/files/ru/web/css/order/index.html
+++ b/files/ru/web/css/order/index.html
@@ -43,7 +43,7 @@ order: unset;</pre>
 
 {{csssyntax}}
 
-<h2 id="Примеры">Примеры</h2>
+<h2 id="Пример">Пример</h2>
 
 <p>Имеется базовый отрывок HTML кода:</p>
 
@@ -64,7 +64,7 @@ main &gt; aside   { width: 200px;  order: 3; }</pre>
 
 <h3 id="Результат">Результат</h3>
 
-<p>{{ EmbedLiveSample('Example') }}</p>
+<p>{{ EmbedLiveSample('Пример') }}</p>
 
 <h2 id="Спецификация">Спецификация</h2>
 
diff --git a/files/ru/web/css/overflow-wrap/index.html b/files/ru/web/css/overflow-wrap/index.html
index 8c5409417a..cf762eabb6 100644
--- a/files/ru/web/css/overflow-wrap/index.html
+++ b/files/ru/web/css/overflow-wrap/index.html
@@ -109,7 +109,7 @@ overflow-wrap: unset;
 
 <h4 id="Result">Result</h4>
 
-<p>{{ EmbedLiveSample('Comparing_overflow-wrap_word-break_and_hyphens', '100%', 260) }}</p>
+<p>{{ EmbedLiveSample('Сравнение_overflow-wrap_word-break_и_hyphens', '100%', 260) }}</p>
 
 <h2 id="Specifications">Specifications</h2>
 
diff --git a/files/ru/web/css/right/index.html b/files/ru/web/css/right/index.html
index 0699fd57a1..6be9498540 100644
--- a/files/ru/web/css/right/index.html
+++ b/files/ru/web/css/right/index.html
@@ -95,7 +95,7 @@ right: unset;
 &lt;div id="example_4"&gt;Example 4&lt;/div&gt;
 </pre>
 
-<p>{{ EmbedLiveSample('Examples', 500, 220) }}</p>
+<p>{{ EmbedLiveSample('Примеры', 500, 220) }}</p>
 
 <h2 id="Спецификации" name="Спецификации">Спецификации</h2>
 
diff --git a/files/ru/web/css/used_value/index.html b/files/ru/web/css/used_value/index.html
index 423e80103e..daab354d6b 100644
--- a/files/ru/web/css/used_value/index.html
+++ b/files/ru/web/css/used_value/index.html
@@ -80,7 +80,7 @@ window.addEventListener('resize', updateAllUsedWidths);</code></pre>
 
 <h3 id="Результат">Результат</h3>
 
-<p>{{ EmbedLiveSample('Example', '80%', 372) }}</p>
+<p>{{ EmbedLiveSample('Пример', '80%', 372) }}</p>
 
 <h2 id="Difference_from_computed_value">Difference from computed value</h2>
 
diff --git a/files/ru/web/html/element/area/index.html b/files/ru/web/html/element/area/index.html
index 052718aaaa..39fb55261a 100644
--- a/files/ru/web/html/element/area/index.html
+++ b/files/ru/web/html/element/area/index.html
@@ -135,7 +135,7 @@ translation_of: Web/HTML/Element/area
 
 <h3 id="Результат">Результат</h3>
 
-<p>{{ EmbedLiveSample('Example', 360, 160) }}</p>
+<p>{{ EmbedLiveSample('Пример', 360, 160) }}</p>
 
 <h2 id="Notes">Notes</h2>
 
diff --git a/files/ru/web/html/element/details/index.html b/files/ru/web/html/element/details/index.html
index be9418435d..66c4678827 100644
--- a/files/ru/web/html/element/details/index.html
+++ b/files/ru/web/html/element/details/index.html
@@ -116,7 +116,7 @@ details[open] &gt; summary::before {
 
 <h3 id="Result_2">Result</h3>
 
-<p>{{ EmbedLiveSample('Example_with_styling') }}</p>
+<p>{{ EmbedLiveSample('Примеры_стилизации') }}</p>
 
 <h2 id="Specifications">Specifications</h2>
 
diff --git a/files/ru/web/html/element/input/datetime-local/index.html b/files/ru/web/html/element/input/datetime-local/index.html
index 383460073c..b9e97ad6ed 100644
--- a/files/ru/web/html/element/input/datetime-local/index.html
+++ b/files/ru/web/html/element/input/datetime-local/index.html
@@ -57,7 +57,7 @@ translation_of: Web/HTML/Element/input/datetime-local
 <pre class="brush: html">&lt;label for="party"&gt;Enter a date and time for your party booking:&lt;/label&gt;
 &lt;input id="party" type="datetime-local" name="partydate" value="2017-06-01T08:30"&gt;</pre>
 
-<p>{{ EmbedLiveSample('Value', 600, 60) }}</p>
+<p>{{ EmbedLiveSample('Значение', 600, 60) }}</p>
 
 <p>Одна вещь, чтобы отметить, что отображаемый формат даты отличается от фактического <code>значения</code> — отображаемый формат даты будет выбран на основе установленного языкового стандарта операционной системы пользователя, в то время как дата<code>значение</code> всегда форматируется <code>yyyy-MM-ddThh:mm</code>. Когда значение передаётся на сервер, например, это будет выглядеть <code>partydate=2017-06-01T08:30</code>.</p>
 
@@ -85,7 +85,7 @@ dateControl.value = '2017-06-01T08:30';</pre>
     &lt;input id="party" type="datetime-local" name="partydate"&gt;
 &lt;/form&gt;</pre>
 
-<p>{{ EmbedLiveSample('Basic_uses_of_datetime-local', 600, 40) }}</p>
+<p>{{ EmbedLiveSample('Базовое_использование_локальных_полей_ввода_datetime', 600, 40) }}</p>
 
 <h3 id="Установка_максимума_и_минимума_даты_и_времени">Установка максимума и минимума даты и времени</h3>
 
@@ -96,7 +96,7 @@ dateControl.value = '2017-06-01T08:30';</pre>
     &lt;input id="party" type="datetime-local" name="partydate" min="2017-06-01T08:30" max="2017-06-30T16:30"&gt;
   &lt;/form&gt;</pre>
 
-<p>{{ EmbedLiveSample('Setting_maximum_and_minimum_dates_and_times', 600, 40) }}</p>
+<p>{{ EmbedLiveSample('Установка_максимума_и_минимума_даты_и_времени', 600, 40) }}</p>
 
 <p>Как результат:</p>
 
diff --git a/files/ru/web/html/element/input/radio/index.html b/files/ru/web/html/element/input/radio/index.html
index 92ec2af0cd..4c1a8ed82c 100644
--- a/files/ru/web/html/element/input/radio/index.html
+++ b/files/ru/web/html/element/input/radio/index.html
@@ -97,7 +97,7 @@ translation_of: Web/HTML/Element/input/radio
 
 <p>Вы можете опробовать этот код здесь: </p>
 
-<p>{{ EmbedLiveSample('Defining_a_radio_group', 600, 130) }}</p>
+<p>{{ EmbedLiveSample('Создание_группы_радиокнопок', 600, 130) }}</p>
 
 <h3 id="Представление_данных_группы_радиокнопок">Представление данных группы радиокнопок</h3>
 
@@ -181,7 +181,7 @@ form.addEventListener("submit", function(event) {
   &lt;/div&gt;
 &lt;/form&gt;</pre>
 
-<p>{{ EmbedLiveSample('Selecting_a_radio_button_by_default', 600, 130) }}</p>
+<p>{{ EmbedLiveSample('Выбор_радиокнопки_по_умолчанию', 600, 130) }}</p>
 
 <p>В данном случае первая радиокнопка будет выбрана по умолчанию.</p>
 
@@ -291,7 +291,7 @@ button:active {
 
 <p>Стоит иметь в виду, что свойство  <code>appearance</code> неплохо работает для создания простых стилей, но имеет тенденцию вести себя несколько непоследовательно в некоторых браузерах и полностью не работает в Internet Explorer. Тщательно проверяйте как работает ваш сайт в каждом браузере! </p>
 
-<p>{{ EmbedLiveSample('Styling_radio_inputs', 600, 120) }}</p>
+<p>{{ EmbedLiveSample('Установка_стилей_радиокнопок', 600, 120) }}</p>
 
 <p>Обратите внимание, что при клике на радиокнопку, на предыдущей выбранной кнопке появляется мягкий эффект угасания. Кроме того, стиль и окраска легенды и кнопки "Submit" имеет сильный контраст с остальным текстом. Возможно, это не совсем тот эффект, который вы хотели бы видеть в своём реальном веб-приложении, но этот пример хорошо отображает возможности CSS.</p>
 
diff --git a/files/ru/web/html/element/map/index.html b/files/ru/web/html/element/map/index.html
index 502f0414ba..0dfb1c6e0f 100644
--- a/files/ru/web/html/element/map/index.html
+++ b/files/ru/web/html/element/map/index.html
@@ -62,7 +62,7 @@ translation_of: Web/HTML/Element/map
 
 <h2 id="Живой_пример">Живой пример</h2>
 
-<p>{{ EmbedLiveSample('Example', '350', '150', '', 'Web/HTML/Element/map') }}</p>
+<p>{{ EmbedLiveSample('Пример', '350', '150', '', 'Web/HTML/Element/map') }}</p>
 
 <h3 id="Ожидаемые_выходные_данные">Ожидаемые выходные данные</h3>
 
diff --git a/files/ru/web/html/element/output/index.html b/files/ru/web/html/element/output/index.html
index 5018c97a0e..98923aa5da 100644
--- a/files/ru/web/html/element/output/index.html
+++ b/files/ru/web/html/element/output/index.html
@@ -64,7 +64,7 @@ translation_of: Web/HTML/Element/output
 &lt;/form&gt;
 </pre>
 
-<p>{{ EmbedLiveSample('Example')}}</p>
+<p>{{ EmbedLiveSample('Пример')}}</p>
 
 <h2 id="Спецификации">Спецификации</h2>
 
diff --git a/files/ru/web/html/element/progress/index.html b/files/ru/web/html/element/progress/index.html
index 02c9171f49..10508b32f9 100644
--- a/files/ru/web/html/element/progress/index.html
+++ b/files/ru/web/html/element/progress/index.html
@@ -69,7 +69,7 @@ translation_of: Web/HTML/Element/progress
 
 <h3 id="Result">Result</h3>
 
-<p>{{ EmbedLiveSample("Examples", 200, 50) }}</p>
+<p>{{ EmbedLiveSample("Примеры", 200, 50) }}</p>
 
 <p>Для Windows 7, результат выполнения будет выглядеть так :</p>
 
diff --git a/files/ru/web/javascript/reference/global_objects/array/some/index.html b/files/ru/web/javascript/reference/global_objects/array/some/index.html
index a9d6aea2e0..f7c7cd08e7 100644
--- a/files/ru/web/javascript/reference/global_objects/array/some/index.html
+++ b/files/ru/web/javascript/reference/global_objects/array/some/index.html
@@ -64,7 +64,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Array/some
 
 <h2 id="Examples" name="Examples">Примеры</h2>
 
-<h3 id="Example_Testing_size_of_all_array_elements" name="Example:_Testing_size_of_all_array_elements">Проверка значений элементов массива</h3>
+<h3 id="Проверка_значений_элементов_массива" name="Example:_Testing_size_of_all_array_elements">Проверка значений элементов массива</h3>
 
 <p>Следующий пример проверяет наличие в массиве элемента, который больше 10.</p>
 
@@ -77,7 +77,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Array/some
 
 <p>{{ EmbedLiveSample('Проверка_значений_элементов_массива', '', '', '', 'Web/JavaScript/Reference/Global_Objects/Array/some') }}</p>
 
-<h3 id="Example_Testing_array_elements_using_arrow_functions" name="Example:_Testing_array_elements_using_arrow_functions">Проверка элементов массива с использованием стрелочных функций</h3>
+<h3 id="Проверка_элементов_массива_с_использованием_стрелочных_функций" name="Example:_Testing_array_elements_using_arrow_functions">Проверка элементов массива с использованием стрелочных функций</h3>
 
 <p><a href="/ru/docs/Web/JavaScript/Reference/Functions/Arrow_functions">Стрелочные функции</a> предоставляют более краткий синтаксис для подобных проверок.</p>
 
diff --git a/files/ru/web/svg/attribute/keytimes/index.html b/files/ru/web/svg/attribute/keytimes/index.html
index 1698156bc6..2bb4894ee0 100644
--- a/files/ru/web/svg/attribute/keytimes/index.html
+++ b/files/ru/web/svg/attribute/keytimes/index.html
@@ -73,7 +73,7 @@ translation_of: Web/SVG/Attribute/keyTimes
 
 <p><strong>Демонстрация</strong></p>
 
-<p>{{ EmbedLiveSample('Example','120','120') }}</p>
+<p>{{ EmbedLiveSample('Пример','120','120') }}</p>
 
 <h2 id="Элементы">Элементы</h2>
 
diff --git a/files/ru/web/svg/tutorial/basic_transformations/index.html b/files/ru/web/svg/tutorial/basic_transformations/index.html
index 3c118fb63a..4523cbace6 100644
--- a/files/ru/web/svg/tutorial/basic_transformations/index.html
+++ b/files/ru/web/svg/tutorial/basic_transformations/index.html
@@ -33,7 +33,7 @@ original_slug: Web/SVG/Tutorial/Базовые_Преобразования
 
 <p>Пример генерирует прямоугольник, перемещённый в точку  (30,40) вместо точки (0,0).</p>
 
-<p>{{ EmbedLiveSample('Translation', '40', '50', '', 'Web/SVG/Tutorial/Basic_Transformations') }}</p>
+<p>{{ EmbedLiveSample('Перемещения', '40', '50', '', 'Web/SVG/Tutorial/Basic_Transformations') }}</p>
 
 <p>если второе значение не задано, то оно приравнивается <var>0</var>.</p>
 
@@ -48,7 +48,7 @@ original_slug: Web/SVG/Tutorial/Базовые_Преобразования
 
 <p>Данный пример показывает квадрат который повернули на 45 градусов. Значение для <code>rotate()</code> задаётся в градусах.</p>
 
-<p>{{ EmbedLiveSample('Rotation', '31', '31', '', 'Web/SVG/Tutorial/Basic_Transformations') }}</p>
+<p>{{ EmbedLiveSample('Вращение', '31', '31', '', 'Web/SVG/Tutorial/Basic_Transformations') }}</p>
 
 <h2 id="Смещение_углов">Смещение углов</h2>
 
@@ -79,7 +79,7 @@ original_slug: Web/SVG/Tutorial/Базовые_Преобразования
 
 <p>В результата прямоугольник в примере выше будет 100x100px. Более интригующие эффекты возникают, когда вы используете такие атрибуты, как <code>userSpaceOnUse</code>.</p>
 
-<p>{{ EmbedLiveSample('Effects_on_Coordinate_Systems', '100', '100', '', 'Web/SVG/Tutorial/Basic_Transformations') }}</p>
+<p>{{ EmbedLiveSample('Эффекты_на_системе_координат', '100', '100', '', 'Web/SVG/Tutorial/Basic_Transformations') }}</p>
 
 <h2 id="Встраивание_SVG_в_SVG">Встраивание SVG в SVG</h2>
 
@@ -94,6 +94,6 @@ original_slug: Web/SVG/Tutorial/Базовые_Преобразования
 
 <p>На примере выше, так же как и на других примерах ранее, вы можете видеть такой же эффект увеличения изображения в два раза.</p>
 
-<p>{{ EmbedLiveSample('Embedding_SVG_in_SVG', '100', '100', '', 'Web/SVG/Tutorial/Basic_Transformations') }}</p>
+<p>{{ EmbedLiveSample('Встраивание_SVG_в_SVG', '100', '100', '', 'Web/SVG/Tutorial/Basic_Transformations') }}</p>
 
 <div>{{PreviousNext("Web/SVG/Tutorial/Texts", "Web/SVG/Tutorial/Clipping_and_masking")}}</div>
diff --git a/files/ru/web/svg/tutorial/clipping_and_masking/index.html b/files/ru/web/svg/tutorial/clipping_and_masking/index.html
index afc8d8d23c..259f61ad71 100644
--- a/files/ru/web/svg/tutorial/clipping_and_masking/index.html
+++ b/files/ru/web/svg/tutorial/clipping_and_masking/index.html
@@ -33,7 +33,7 @@ translation_of: Web/SVG/Tutorial/Clipping_and_masking
  <br>
  При этом сам прямоугольник отрисован не будет. Вместо этого прямоугольник задаст область отрисовки. Так как прямоугольник перекрывает только верхнюю половину круга, нижняя половина круга исчезает:</p>
 
-<p>{{ EmbedLiveSample('Creating_clips','240','240','/files/3224/clipdemo.png') }}</p>
+<p>{{ EmbedLiveSample('Кадрирование_изображений','240','240','/files/3224/clipdemo.png') }}</p>
 
 <p>Теперь мы получили полуокружность без необходимости использования элемента <code>path</code>.  При “обрезке” каждый путь внутри <code>clipPath</code> проверяется и оценивается вместе с его свойствами <code>stroke</code> и <code>transform</code>. Другими словами, всё что не находится в залитой области <code>clipPath</code> не будет отображено. Цвет, непрозрачность и т. д. не влияют на результат.</p>
 
@@ -59,7 +59,7 @@ translation_of: Web/SVG/Tutorial/Clipping_and_masking
 
 <p>Фактически на примере находятся два прямоугольника: зелёный на нижнем слое и красный на верхнем. У красного есть атрибут <code>mask</code>, который ссылается на элемент <code>mask</code>. Содержимое маски это элемент <code>rect</code>, заполненный градиентом, где прозрачная заливка перетекает в белую. В результате, пиксели красного прямоугольника наследуют прозрачность (alpha-value) маски, и мы видим красно-зелёный градиент: </p>
 
-<p>{{ EmbedLiveSample('Masking','240','240','/files/3234/maskdemo.png') }}</p>
+<p>{{ EmbedLiveSample('Маска','240','240','/files/3234/maskdemo.png') }}</p>
 
 <h3 id="Прозрачность_opacity">Прозрачность <code>opacity</code></h3>
 
@@ -76,7 +76,7 @@ translation_of: Web/SVG/Tutorial/Clipping_and_masking
 &lt;/svg&gt;
 </pre>
 
-<p>{{ EmbedLiveSample('Transparency_with_opacity','240','240','/files/3231/opacitydemo.png') }}</p>
+<p>{{ EmbedLiveSample('Прозрачность_opacity','240','240','/files/3231/opacitydemo.png') }}</p>
 
 <p>В этом примере используется красный круг на голубом фоне. Жёлтый контур установлен на 50% непрозрачности, что приводит к эффекту двойного цвета.</p>
 
diff --git a/files/ru/web/svg/tutorial/patterns/index.html b/files/ru/web/svg/tutorial/patterns/index.html
index 41202790de..22e7c5a980 100644
--- a/files/ru/web/svg/tutorial/patterns/index.html
+++ b/files/ru/web/svg/tutorial/patterns/index.html
@@ -30,7 +30,7 @@ translation_of: Web/SVG/Tutorial/Patterns
   &lt;rect fill="url(#Pattern)" stroke="black" width="200" height="200"/&gt;
 &lt;/svg&gt;</pre>
 
-<p>{{ EmbedLiveSample('Patterns','220','220','/files/725/SVG_Pattern_Example.png') }}</p>
+<p>{{ EmbedLiveSample('Шаблоны_Patterns','220','220','/files/725/SVG_Pattern_Example.png') }}</p>
 
 <p>Внутри элемента &lt;pattern&gt; вы можете использовать любые другие основные фигуры, которые использовались ранее.  И каждая из них может быть стилизована, используя любые из возможных вариантов стилизаций, которые вы изучали до этого, включая градиенты и прозрачность. Выше мы просто нарисовали два прямоугольника внутри нашего шаблона (которые перекрываются, и один из которых в два раза больше другого и используется для заполнения всего шаблона), и один круг.</p>