👾 Smth

Rnbsov · web-flow · commit 9ba41942bc6e · 2022-06-07T13:20:20.000+06:00
diff --git a/2-ui/1-document/04-searching-elements-dom/article.md b/2-ui/1-document/04-searching-elements-dom/article.md
@@ -115,7 +115,7 @@
 ## matches
 Предыдущие методы искали по DOM.
 
-Метод [elem.matches(css)](http://dom.spec.whatwg.org/#dom-element-matches) ничего не ищет, а проверяет, удовлетворяет ли `elem` CSS-селектору, и возвращает `true` или `false`.
+Метод [elem.matches(css)](https://dom.spec.whatwg.org/#dom-element-matches) ничего не ищет, а проверяет, удовлетворяет ли `elem` CSS-селектору, и возвращает `true` или `false`.
 
 Этот метод удобен, когда мы перебираем элементы (например, в массиве или в чём-то подобном) и пытаемся выбрать те из них, которые нас интересуют.
 
diff --git a/2-ui/1-document/05-basic-dom-node-properties/article.md b/2-ui/1-document/05-basic-dom-node-properties/article.md
@@ -10,7 +10,7 @@
 
 Каждый DOM-узел принадлежит соответствующему встроенному классу.
 
-Корнем иерархии является [EventTarget](https://dom.spec.whatwg.org/#eventtarget), от него наследует [Node](http://dom.spec.whatwg.org/#interface-node) и остальные DOM-узлы.
+Корнем иерархии является [EventTarget](https://dom.spec.whatwg.org/#eventtarget), от него наследует [Node](https://dom.spec.whatwg.org/#interface-node) и остальные DOM-узлы.
 
 На рисунке ниже изображены основные классы:
 
@@ -19,8 +19,8 @@
 Существуют следующие классы:
 
 - [EventTarget](https://dom.spec.whatwg.org/#eventtarget) -- это корневой "абстрактный" класс. Объекты этого класса никогда не создаются. Он служит основой, благодаря которой все DOM-узлы поддерживают так называемые "события", о которых мы поговорим позже.
-- [Node](http://dom.spec.whatwg.org/#interface-node) -- также является "абстрактным" классом, и служит основой для DOM-узлов. Он обеспечивает базовую функциональность: `parentNode`, `nextSibling`, `childNodes` и т.д. (это геттеры). Объекты класса `Node` никогда не создаются. Но есть определённые классы узлов, которые наследуют от него: `Text` -- для текстовых узлов, `Element` -- для узлов-элементов и более экзотический `Comment` -- для узлов-комментариев.
-- [Element](http://dom.spec.whatwg.org/#interface-element) -- это базовый класс для DOM-элементов. Он обеспечивает навигацию на уровне элементов: `nextElementSibling`, `children` и методы поиска: `getElementsByTagName`, `querySelector`. Браузер поддерживает не только HTML, но также XML и SVG. Класс Element служит базой для следующих классов: `SVGElement`, `XMLElement` и `HTMLElement`.
+- [Node](https://dom.spec.whatwg.org/#interface-node) -- также является "абстрактным" классом, и служит основой для DOM-узлов. Он обеспечивает базовую функциональность: `parentNode`, `nextSibling`, `childNodes` и т.д. (это геттеры). Объекты класса `Node` никогда не создаются. Но есть определённые классы узлов, которые наследуют от него: `Text` -- для текстовых узлов, `Element` -- для узлов-элементов и более экзотический `Comment` -- для узлов-комментариев.
+- [Element](https://dom.spec.whatwg.org/#interface-element) -- это базовый класс для DOM-элементов. Он обеспечивает навигацию на уровне элементов: `nextElementSibling`, `children` и методы поиска: `getElementsByTagName`, `querySelector`. Браузер поддерживает не только HTML, но также XML и SVG. Класс Element служит базой для следующих классов: `SVGElement`, `XMLElement` и `HTMLElement`.
 - [HTMLElement](https://html.spec.whatwg.org/multipage/dom.html#htmlelement) -- является базовым классом для всех остальных HTML-элементов. От него наследуют конкретные элементы:
     - [HTMLInputElement](https://html.spec.whatwg.org/multipage/forms.html#htmlinputelement) -- класс для тега `<input>`,
     - [HTMLBodyElement](https://html.spec.whatwg.org/multipage/semantics.html#htmlbodyelement) -- класс для тега `<body>`,
diff --git a/2-ui/1-document/06-dom-attributes-and-properties/2-yellow-links/solution.view/index.html b/2-ui/1-document/06-dom-attributes-and-properties/2-yellow-links/solution.view/index.html
@@ -4,11 +4,11 @@
 
   <a name="list">The list:</a>
   <ul>
-    <li><a href="http://google.com">http://google.com</a></li>
+    <li><a href="https://google.com">https://google.com</a></li>
     <li><a href="/tutorial">/tutorial.html</a></li>
     <li><a href="local/path">local/path</a></li>
     <li><a href="ftp://ftp.com/my.zip">ftp://ftp.com/my.zip</a></li>
-    <li><a href="http://nodejs.org">http://nodejs.org</a></li>
+    <li><a href="https://nodejs.org">https://nodejs.org</a></li>
     <li><a href="http://internal.com/test">http://internal.com/test</a></li>
   </ul>
 
diff --git a/2-ui/1-document/06-dom-attributes-and-properties/2-yellow-links/source.view/index.html b/2-ui/1-document/06-dom-attributes-and-properties/2-yellow-links/source.view/index.html
@@ -4,11 +4,11 @@
 
   <a name="list">The list:</a>
   <ul>
-    <li><a href="http://google.com">http://google.com</a></li>
+    <li><a href="https://google.com">https://google.com</a></li>
     <li><a href="/tutorial">/tutorial.html</a></li>
     <li><a href="local/path">local/path</a></li>
     <li><a href="ftp://ftp.com/my.zip">ftp://ftp.com/my.zip</a></li>
-    <li><a href="http://nodejs.org">http://nodejs.org</a></li>
+    <li><a href="https://nodejs.org">https://nodejs.org</a></li>
     <li><a href="http://internal.com/test">http://internal.com/test</a></li>
   </ul>
 
diff --git a/2-ui/2-events/02-bubbling-and-capturing/article.md b/2-ui/2-events/02-bubbling-and-capturing/article.md
@@ -120,7 +120,7 @@
 
 Существует ещё одна фаза из жизненного цикла события -- "погружение" (иногда её называют "перехват"). Она очень редко используется в реальном коде, однако тоже может быть полезной.
 
-Стандарт [DOM Events](http://www.w3.org/TR/DOM-Level-3-Events/) описывает 3 фазы прохода события:
+Стандарт [DOM Events](https://www.w3.org/TR/DOM-Level-3-Events/) описывает 3 фазы прохода события:
 
 1. Фаза погружения (capturing phase) -- событие сначала идёт сверху вниз.
 2. Фаза цели (target phase) -- событие достигло целевого(исходного) элемента.
diff --git a/2-ui/2-events/05-dispatch-events/article.md b/2-ui/2-events/05-dispatch-events/article.md
@@ -8,7 +8,7 @@
 
 ## Конструктор Event
 
-Встроенные классы для событий формируют иерархию аналогично классам для DOM-элементов. Её корнем является встроенный класс [Event](http://www.w3.org/TR/dom/#event).
+Встроенные классы для событий формируют иерархию аналогично классам для DOM-элементов. Её корнем является встроенный класс [Event](https://dom.spec.whatwg.org/#event).
 
 Событие встроенного класса `Event` можно создать так:
 
diff --git a/20-css-for-js/1-css-why/article.md b/20-css-for-js/1-css-why/article.md
@@ -43,17 +43,17 @@
     - Приоритет селекторов
     - Селекторы `#id`, `.class`, `a > b`
 
-- Сброс браузерных стилей, <a href="http://meyerweb.com/eric/tools/css/reset/">reset.css</a>
+- Сброс браузерных стилей, <a href="https://meyerweb.com/eric/tools/css/reset/">reset.css</a>
 
 ## Почитать
 
 Книжек много, но хороших -- как всегда, мало.
 
 С уверенностью могу рекомендовать следующие:
 
-- <a href="http://www.ozon.ru/context/detail/id/24493075/?partner=iliakan">Большая книга CSS3.</a>
+- <a href="https://www.ozon.ru/context/detail/id/24493075/?partner=iliakan">Большая книга CSS3.</a>
 <i>Дэвид Макфарланд.</i>
-- <a href="http://www.ozon.ru/context/detail/id/3881079/?partner=iliakan">CSS. Каскадные таблицы стилей. Подробное руководство.</a>
+- <a href="https://www.ozon.ru/context/detail/id/3881079/?partner=iliakan">CSS. Каскадные таблицы стилей. Подробное руководство.</a>
 <i>Эрик Мейер</i>
 - <a href="https://debuggingcss.com/">Отладка CSS</a>
 <i>Ахмад Шадид</i>
diff --git a/20-css-for-js/11-margin/1-failing-margins/solution.md b/20-css-for-js/11-margin/1-failing-margins/solution.md
@@ -1,4 +1,4 @@
-Ошибка заключается в том, что `margin` при задании в процентах высчитывается *относительно ширины*. Так написано [в стандарте](http://www.w3.org/TR/CSS2/box.html#margin-properties).
+Ошибка заключается в том, что `margin` при задании в процентах высчитывается *относительно ширины*. Так написано [в стандарте](https://www.w3.org/TR/CSS2/box.html#margin-properties).
 
 При этом не важно, какой отступ: левый, правый. верхний или нижний. Все они в процентах отсчитываются от ширины. Из-за этого и ошибка.
 
diff --git a/20-css-for-js/11-margin/article.md b/20-css-for-js/11-margin/article.md
@@ -166,5 +166,5 @@ hr.position { position: relative; left: -2em; }
 - Отрицательные `margin-left/top` сдвигают элемент влево-вверх. Остальные элементы это учитывают, в отличие от сдвига через `position`.
 - Отрицательные `margin-right/bottom` заставляют другие элементы думать, что блок меньше по размеру справа-внизу, чем он на самом деле.
 
-Отличная статья на тему отрицательных `margin`: [The Definitive Guide to Using Negative Margins](http://coding.smashingmagazine.com/2009/07/27/the-definitive-guide-to-using-negative-margins/)
+Отличная статья на тему отрицательных `margin`: [The Definitive Guide to Using Negative Margins](https://coding.smashingmagazine.com/2009/07/27/the-definitive-guide-to-using-negative-margins/)
 
diff --git a/20-css-for-js/12-space-under-img/article.md b/20-css-for-js/12-space-under-img/article.md
@@ -65,7 +65,7 @@
 
 А что, если мы, по каким-то причинам, *не хотим* делать элемент блочным?
 
-Существует ещё один способ избежать проблемы -- использовать свойство [vertical-align](http://www.w3.org/TR/CSS2/visudet.html#propdef-vertical-align).
+Существует ещё один способ избежать проблемы -- использовать свойство [vertical-align](https://www.w3.org/TR/CSS2/visudet.html#propdef-vertical-align).
 
 **Если установить `vertical-align` в `top`, то инлайн-элемент будет отпозиционирован по верхней границе текущей строки.**
 
diff --git a/20-css-for-js/14-height-percent/article.md b/20-css-for-js/14-height-percent/article.md
@@ -69,13 +69,13 @@ CSS:
 
 Как видно, блок со стрелкой вообще исчез! Куда же он подевался?
 
-Ответ нам даст спецификация CSS 2.1 [пункт 10.5](http://www.w3.org/TR/CSS2/visudet.html#propdef-height).
+Ответ нам даст спецификация CSS 2.1 [пункт 10.5](https://www.w3.org/TR/CSS2/visudet.html#propdef-height).
 
 **"Если высота внешнего блока вычисляется по содержимому, то высота в % не работает, и заменяется на `height:auto`. Кроме случая, когда у элемента стоит `position:absolute`."**
 
 В нашем случае высота `.container` как раз определяется по содержимому, поэтому для `.toggler` проценты не действуют, а размер вычисляется как при `height:auto`.
 
-Какая же она -- эта автоматическая высота? Вспоминаем, что обычно размеры `float` определяются по содержимому ([10.3.5](http://www.w3.org/TR/CSS2/visudet.html#float-width)). А содержимого-то в `.toggler` нет, так что высота нулевая. Поэтому этот блок и не виден.
+Какая же она -- эта автоматическая высота? Вспоминаем, что обычно размеры `float` определяются по содержимому ([10.3.5](https://www.w3.org/TR/CSS2/visudet.html#float-width)). А содержимого-то в `.toggler` нет, так что высота нулевая. Поэтому этот блок и не виден.
 
 Если бы мы точно знали высоту внешнего блока и добавили её в CSS -- это решило бы проблему.
 
diff --git a/20-css-for-js/17-css-sprite/article.md b/20-css-for-js/17-css-sprite/article.md
@@ -198,4 +198,4 @@ background-position: -90px -40px;
 
 Далее мы встретимся со спрайтами при создании интерфейсов, чтобы кнопка при наведении меняла своё изображение. Один спрайт будет содержать все состояния кнопки, а переключение внешнего вида -- осуществляться при помощи сдвига `background-position`.
 
-Для автоматизированной сборки спрайтов используются специальные инструменты, например <a href="http://csssprites.org/">SmartSprites</a>.
+Для автоматизированной сборки спрайтов используются специальные инструменты, например [SmartSprites](http://csssprites.org/).
diff --git a/20-css-for-js/18-css-format/article.md b/20-css-for-js/18-css-format/article.md
@@ -133,7 +133,7 @@ box-shadow:0 0 100px 20px #000;
     }
     ```
 
-CSS-препроцессоры, такие как [SASS](http://sass-lang.com/), [LESS](http://lesscss.org/), [Stylus](http://learnboost.github.com/stylus/), [Autoprefixer](https://github.com/postcss/autoprefixer) делают написание CSS сильно удобнее.
+CSS-препроцессоры, такие как [SASS](https://sass-lang.com/), [LESS](https://lesscss.org/), [Stylus](https://learnboost.github.com/stylus/), [Autoprefixer](https://github.com/postcss/autoprefixer) делают написание CSS сильно удобнее.
 
 Выберите один из них и используйте. Единственно, они добавляют дополнительную предобработку CSS, которую нужно учесть, и желательно, на сервере.
 
diff --git a/20-css-for-js/2-css-units/article.md b/20-css-for-js/2-css-units/article.md
diff --git a/20-css-for-js/3-display/article.md b/20-css-for-js/3-display/article.md
diff --git a/20-css-for-js/4-float/article.md b/20-css-for-js/4-float/article.md
diff --git a/20-css-for-js/5-position/article.md b/20-css-for-js/5-position/article.md
diff --git a/20-css-for-js/6-css-center/article.md b/20-css-for-js/6-css-center/article.md

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		-Ошибка заключается в том, что `margin` при задании в процентах высчитывается относительно ширины. Так написано [в стандарте](http://www.w3.org/TR/CSS2/box.html#margin-properties).
	`1`	+Ошибка заключается в том, что `margin` при задании в процентах высчитывается относительно ширины. Так написано [в стандарте](https://www.w3.org/TR/CSS2/box.html#margin-properties).
`2`	`2`
`3`	`3`	`При этом не важно, какой отступ: левый, правый. верхний или нижний. Все они в процентах отсчитываются от ширины. Из-за этого и ошибка.`
`4`	`4`