From 59705f5814c1ece8cefc4c62a8897d4d8a5b38fc Mon Sep 17 00:00:00 2001 From: Alexey Pyltsyn Date: Tue, 19 Oct 2021 13:34:22 +0300 Subject: FIx more live examples (#2774) --- .../ru/web/api/document/domcontentloaded_event/index.html | 2 +- files/ru/web/api/domtokenlist/index.html | 4 ++-- files/ru/web/api/domtokenlist/replace/index.html | 2 +- files/ru/web/api/file/name/index.html | 2 +- files/ru/web/api/mouseevent/index.html | 4 ++-- files/ru/web/api/node/isequalnode/index.html | 2 +- files/ru/web/css/_colon_dir/index.html | 2 +- files/ru/web/css/border-image-width/index.html | 2 +- files/ru/web/css/calc()/index.html | 4 ++-- files/ru/web/css/column-rule-style/index.html | 2 +- .../web/css/css_grid_layout/grid_template_areas/index.html | 6 +++--- .../layout_using_named_grid_lines/index.html | 2 +- .../line-based_placement_with_css_grid/index.html | 8 ++++---- .../css_grid_layout/relationship_of_grid_layout/index.html | 14 +++++++------- files/ru/web/css/isolation/index.html | 2 +- files/ru/web/css/list-style-image/index.html | 2 +- files/ru/web/css/margin/index.html | 2 +- files/ru/web/css/order/index.html | 4 ++-- files/ru/web/css/overflow-wrap/index.html | 2 +- files/ru/web/css/right/index.html | 2 +- files/ru/web/css/used_value/index.html | 2 +- files/ru/web/html/element/area/index.html | 2 +- files/ru/web/html/element/details/index.html | 2 +- files/ru/web/html/element/input/datetime-local/index.html | 6 +++--- files/ru/web/html/element/input/radio/index.html | 6 +++--- files/ru/web/html/element/map/index.html | 2 +- files/ru/web/html/element/output/index.html | 2 +- files/ru/web/html/element/progress/index.html | 2 +- .../reference/global_objects/array/some/index.html | 4 ++-- files/ru/web/svg/attribute/keytimes/index.html | 2 +- files/ru/web/svg/tutorial/basic_transformations/index.html | 8 ++++---- files/ru/web/svg/tutorial/clipping_and_masking/index.html | 6 +++--- files/ru/web/svg/tutorial/patterns/index.html | 2 +- 33 files changed, 58 insertions(+), 58 deletions(-) (limited to 'files/ru/web') 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) => {

Result

-

{{ EmbedLiveSample('Live_example', '100%', '160px') }}

+

{{ EmbedLiveSample('Живые_примеры', '100%', '160px') }}

Спецификации

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 + '"';

Результат выглядит так:

-

{{ EmbedLiveSample('Examples', '100%', 60) }}

+

{{ EmbedLiveSample('Примеры', '100%', 60) }}

Обрезка пробелов и удаление дубликатов

@@ -75,7 +75,7 @@ span.textContent = 'span classList is "' + classes + '"';

Результат выглядит так:

-

{{ EmbedLiveSample('Trimming_of_whitespace_and_removal_of_duplicates', '100%', 60) }}

+

{{ EmbedLiveSample('Обрезка_пробелов_и_удаление_дубликатов', '100%', 60) }}

Характеристики

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) {

Результат выглядит так:

-

{{ EmbedLiveSample('Examples', '100%', 60) }}

+

{{ EmbedLiveSample('Примеры', '100%', 60) }}

Полифил

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

Проверьте результаты ниже:

-

{{ EmbedLiveSample('Example', 300, 50) }}

+

{{ EmbedLiveSample('Пример', 300, 50) }}

Спецификация

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
Initializes the value of a MouseEvent created. If the event has already being dispatched, this method does nothing.
-

Примеры

+

Пример

Данный пример демонстрирует симуляцию нажатия левой клавиши мыши (событие мыши генерируется программно) по чекбоксу используя методы DOM.

@@ -132,7 +132,7 @@ document.getElementById("button").addEventListener('click', simulateClick);Нажмите на кнопку, чтобы посмотреть, как работает пример.

-

{{ EmbedLiveSample('Example', '', '', '') }}

+

{{ EmbedLiveSample('Пример', '', '', '') }}

Спецификации

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.innerHTML Results -

{{ EmbedLiveSample('Example', 480) }}

+

{{ EmbedLiveSample('Пример', 480) }}

Спецификации

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'

Result

-

{{ EmbedLiveSample('Example') }}

+

{{ EmbedLiveSample('Пример') }}

Спецификации

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; } -

{{ EmbedLiveSample('Examples', '480', '320', '', 'Web/CSS/border-image-width') }}

+

{{ EmbedLiveSample('Примеры', '480', '320', '', 'Web/CSS/border-image-width') }}

Спецификации

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() 
<div class="banner">Это баннер!</div>
-

{{ 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') }}

+

{{ EmbedLiveSample('Позиционирование_объекта_в_окне_с_помощью_отступа', '100%', '60') }}

Автоматическое изменение размера формы ввода для соответствия размеру контейнера

@@ -95,7 +95,7 @@ translation_of: Web/CSS/calc() </form> -

{{ 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') }}

+

{{ EmbedLiveSample('Автоматическое_изменение_размера_формы_ввода_для_соответствия_размеру_контейнера', '100%', '80') }}

Вложенный calc() с CSS переменными

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;

Результат

-

{{ EmbedLiveSample('Example') }}

+

{{ EmbedLiveSample('Пример') }}

Спецификации

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/Грид-области     <div class="footer">Footer</div> </div> -

{{ EmbedLiveSample('Leaving_a_grid_cell_empty', '300', '330') }}

+

{{ EmbedLiveSample('Оставляем_ячейку_пустой', '300', '330') }}

Чтобы сделать наш макет чище, мы можем использовать множество символов .. Если между точками нет пробелов, то они считаются одной ячейкой. В комплексных макетах подобная возможность помогает аккуратно выравнивать строки и колонки. То есть, вы прямо в CSS можете видеть, как выглядит ваш макет.

@@ -217,7 +217,7 @@ original_slug: Web/CSS/CSS_Grid_Layout/Грид-области </div> -

{{ EmbedLiveSample('Spanning_multiple_cells', '300', '330') }}

+

{{ EmbedLiveSample('Охватываем_несколько_ячеек', '300', '330') }}

Значение {{cssxref("grid-template-areas")}} должно отображать законченный грид, а иначе оно невалидно (и игнорируется!). Это значит, что у вас должно быть одинаковое количество ячеек в каждой строке, а если какая-то ячейка должна быть пустой, то вместо имени в ней должна быть точка. Грид будет также невалидным, если области в нем не прямоугольные.

@@ -304,7 +304,7 @@ original_slug: Web/CSS/CSS_Grid_Layout/Грид-области </div> -

{{ EmbedLiveSample('Redefining_the_grid_using_media_queries', '550', '330') }}

+

{{ EmbedLiveSample('Переопределение_грида_с_медиавыражениями', '550', '330') }}

Использование grid-template-areas для элементов UI

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

Если вы работаете со строгим макетом из нескольких столбцов, например, демонстрация именованных строк в последней части этого руководства работает очень хорошо. Если вы рассматриваете сеточные системы, в таких фреймворках, как Foundation или Bootstrap, которые основаны на сетке из 12 столбцов. Затем фреймворк импортирует код для выполнения всех вычислений, чтобы убедиться, что столбцы складываются до 100%. С помощью Grid layout единственный код, который нам нужен для нашего грид-фреймворка, - это:

-
+
.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: >-
 </div>
-

{{ EmbedLiveSample('A_basic_example', '300', '330') }}

+

{{ EmbedLiveSample('Базовый_пример', '300', '330') }}

Позиционирование элементов по номерам линий

@@ -430,7 +430,7 @@ original_slug: >- } -

{{ EmbedLiveSample('Counting_backwards', '300', '330') }}

+

{{ EmbedLiveSample('Считая_с_конца', '300', '330') }}

Как растянуть элемент на длину всего грида?

@@ -502,7 +502,7 @@ original_slug: >- } -

{{ EmbedLiveSample('Gutters_or_Alleys', '300', '350') }}

+

{{ EmbedLiveSample('Зазоры_Gutters_или_аллеи_Alleys', '300', '350') }}

Сокращённая запись для грид-зазоров

@@ -570,7 +570,7 @@ original_slug: >- } -

{{ EmbedLiveSample('Using_the_span_keyword', '300', '330') }}

+

{{ EmbedLiveSample('Использование_ключевого_слова_span', '300', '330') }}

Ключевое слово  span также можно использовать в качестве значения grid-row-start/grid-row-end иgrid-column-start/grid-column-end. Два примера ниже создают одну и ту же грид-область. В первом примере мы задаём начальную строчную линию, а после говорим свойству, отвечающему за конечную линию: эй, мы хотим занять под этот элемент три линии. В итоге, грид-область начинается с первой линии и занимает пространство до 4-ой.

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

В примере ниже мы создаём тот же самый макет, но используя гриды. На этот раз у нас три трека-колонки шириной в 1fr . И при этом нам не требуется задавать какие-либо свойства дочерним элементам, потому что они самостоятельно занимают по одной ячейке созданного грида. Как видите, наши элементы лежат в жёсткой сетке и выравниваются и по строке, и по колонке. Поскольку у нас пять элементов, в результате мы получаем пустую ячейку в конце второй строки. 

-
+