👾 smth

Author: Rnbsov

99-archive/042-internal-external-interface/article.md

@@ -299,7 +299,7 @@ coffeeMachine.run();
 
 Итак, мы сделали кофеварку с публичными и приватными методами и заставили их корректно работать.
 
-В терминологии ООП отделение и защита внутреннего интерфейса называется [инкапсуляция](http://ru.wikipedia.org/wiki/%D0%98%D0%BD%D0%BA%D0%B0%D0%BF%D1%81%D1%83%D0%BB%D1%8F%D1%86%D0%B8%D1%8F_%28%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5%29).
+В терминологии ООП отделение и защита внутреннего интерфейса называется [инкапсуляция](https://ru.wikipedia.org/wiki/%D0%98%D0%BD%D0%BA%D0%B0%D0%BF%D1%81%D1%83%D0%BB%D1%8F%D1%86%D0%B8%D1%8F_%28%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5%29).
 
 Кратко перечислим бонусы, которые она даёт:
 

99-archive/043-getters-setters/article.md

@@ -152,7 +152,7 @@ alert( coffeeMachine.waterAmount() ); // 450
 */!*
 ```
 
-Единый геттер-сеттер используется реже, чем две отдельные функции, но в некоторых JavaScript-библиотеках, например [jQuery](http://jquery.com) и [D3](http://d3js.org), подобный подход принят на уровне концепта.
+Единый геттер-сеттер используется реже, чем две отдельные функции, но в некоторых JavaScript-библиотеках, например [jQuery](https://jquery.com) и [D3](https://d3js.org), подобный подход принят на уровне концепта.
 
 ## Итого
 

99-archive/048-multi-insert/insertAdjacentFF.js

@@ -1,4 +1,4 @@
-// http://learn.javascript.ru/files/tutorial/browser/dom/insertAdjacentFF.js
+// https://learn.javascript.ru/files/tutorial/browser/dom/insertAdjacentFF.js
 // Добавляет поддержку insertAdjacent* в Firefox
 
 if (typeof HTMLElement != "undefined" && !HTMLElement.prototype.insertAdjacentElement) {

99-archive/050-metrics/article.md

@@ -82,7 +82,7 @@ archive:
 
 Когда браузер рисует страницу, то он высчитывает дерево расположения элементов, иначе говоря "дерево геометрии" или "дерево рендеринга", которое содержит всю информацию о размерах.
 
-При этом одни элементы естественным образом рисуются внутри других. Но, к примеру, если у элемента стоит `position:absolute`, то его расположение вычисляется уже не относительно непосредственного родителя `parentNode`, а относительно ближайшего <a href="http://www.w3.org/TR/CSS21/visuren.html#position-props">позиционированного элемента</a> (т.е. свойство `position` которого не равно `static`), или `BODY`, если такой отсутствует.
+При этом одни элементы естественным образом рисуются внутри других. Но, к примеру, если у элемента стоит `position:absolute`, то его расположение вычисляется уже не относительно непосредственного родителя `parentNode`, а относительно ближайшего <a href="https://www.w3.org/TR/CSS21/visuren.html#position-props">позиционированного элемента</a> (т.е. свойство `position` которого не равно `static`), или `BODY`, если такой отсутствует.
 
 Получается, что элемент имеет в дополнение к обычному родителю в DOM -- ещё одного "родителя по позиционированию", то есть относительно которого он рисуется. Этот элемент и будет в свойстве `offsetParent`.
 

99-archive/054-traversing-dom/article.md

@@ -318,7 +318,7 @@ alert( table.*!*rows[0].cells[0]*/!*.innerHTML ) // "один"
 </script>
 ```
 
-Спецификация: [HTML5: tabular data](http://www.w3.org/TR/html5/tabular-data.html).
+Спецификация: [HTML5: tabular data](https://html.spec.whatwg.org/multipage/tables.html).
 
 Даже если эти свойства не нужны вам прямо сейчас, имейте их в виду на будущее, когда понадобится пройтись по таблице.
 

99-archive/055-attributes-and-custom-properties/article.md

@@ -63,7 +63,7 @@ document.body.sayHi(); // BODY, выполнилась с правильным t
 
 Эти методы работают со значением, которое находится в HTML.
 
-Также все атрибуты элемента можно получить с помощью свойства `elem.attributes`, которое содержит псевдо-массив объектов типа [Attr](http://www.w3.org/TR/DOM-Level-3-Core/core.html#ID-637646024).
+Также все атрибуты элемента можно получить с помощью свойства `elem.attributes`, которое содержит псевдо-массив объектов типа [Attr](https://www.w3.org/TR/DOM-Level-3-Core/core.html#ID-637646024).
 
 В отличие от свойств, атрибуты:
 
@@ -110,9 +110,9 @@ document.body.sayHi(); // BODY, выполнилась с правильным t
 
 Когда браузер читает HTML и создаёт DOM-модель, то он создаёт свойства для всех *стандартных* атрибутов.
 
-Например, свойства тега `'A'` описаны в спецификации DOM: <a href="http://www.w3.org/TR/REC-DOM-Level-1/level-one-html.html#ID-48250443">HTMLAnchorElement</a>.
+Например, свойства тега `'A'` описаны в спецификации DOM: <a href="https://www.w3.org/TR/REC-DOM-Level-1/level-one-html.html#ID-48250443">HTMLAnchorElement</a>.
 
-Например, у него есть свойство `"href"`. Кроме того, он имеет `"id"` и другие свойства, общие для всех элементов, которые описаны в спецификации в <a href="http://www.w3.org/TR/REC-DOM-Level-1/level-one-html.html#ID-58190037">HTMLElement</a>.
+Например, у него есть свойство `"href"`. Кроме того, он имеет `"id"` и другие свойства, общие для всех элементов, которые описаны в спецификации в <a href="https://www.w3.org/TR/REC-DOM-Level-1/level-one-html.html#ID-58190037">HTMLElement</a>.
 
 Все стандартные свойства DOM синхронизируются с атрибутами, однако не всегда такая синхронизация происходит 1-в-1, поэтому иногда нам нужно значение именно из HTML, то есть атрибут.
 
@@ -137,7 +137,7 @@ document.body.sayHi(); // BODY, выполнилась с правильным t
 </script>
 ```
 
-Это происходит потому, что атрибут может быть любым, а свойство `href`, <a href="http://www.w3.org/TR/REC-html40/struct/links.html#adef-href">в соответствии со спецификацией W3C</a>, должно быть полной ссылкой.
+Это происходит потому, что атрибут может быть любым, а свойство `href`, <a href="https://www.w3.org/TR/REC-html40/struct/links.html#adef-href">в соответствии со спецификацией W3C</a>, должно быть полной ссылкой.
 
 Стало быть, если мы хотим именно то, что в HTML, то нужно обращаться через атрибут.
 
@@ -373,7 +373,7 @@ div.classList.add('order-state-canceled');
 </script>
 ```
 
-[Стандарт HTML5](http://www.w3.org/TR/2010/WD-html5-20101019/elements.html#embedding-custom-non-visible-data-with-the-data-attributes) специально разрешает атрибуты `data-*` и резервирует их для пользовательских данных.
+[Стандарт HTML5](https://www.w3.org/TR/2010/WD-html5-20101019/elements.html#embedding-custom-non-visible-data-with-the-data-attributes) специально разрешает атрибуты `data-*` и резервирует их для пользовательских данных.
 
 При этом во всех браузерах, кроме IE10-, к таким атрибутам можно обратиться не только как к атрибутам, но и как к свойствам, при помощи специального свойства `dataset`:
 

99-archive/056-events-and-timing-depth/article.md

@@ -22,7 +22,7 @@ archive:
 ```
 
 ```smart header="Web Workers"
-Существует спецификация <a href="http://www.w3.org/TR/workers/">Web Workers</a>, которая позволяет запускать дополнительные JavaScript-процессы(workers).
+Существует спецификация <a href="https://www.w3.org/TR/workers/">Web Workers</a>, которая позволяет запускать дополнительные JavaScript-процессы(workers).
 
 Они могут обмениваться сообщениями с главным процессом, но у них свои переменные, и работают они также сами по себе.
 
@@ -166,7 +166,7 @@ archive:
 
 ## Итого
 
-- JavaScript выполняется в едином потоке. Современные браузеры позволяют порождать подпроцессы <a href="http://www.w3.org/TR/workers/">Web Workers</a>, они выполняются параллельно и могут отправлять/принимать сообщения, но не имеют доступа к DOM.
+- JavaScript выполняется в едином потоке. Современные браузеры позволяют порождать подпроцессы <a href="https://www.w3.org/TR/workers/">Web Workers</a>, они выполняются параллельно и могут отправлять/принимать сообщения, но не имеют доступа к DOM.
 - Обычно события становятся в очередь и обрабатываются в порядке поступления, асинхронно, независимо друг от друга.
 - Синхронными являются вложенные события,  инициированные из кода.
 - Чтобы сделать событие гарантированно асинхронным, используется вызов через `setTimeout(func, 0)`.

99-archive/058-event-bubbling/article.md

@@ -126,7 +126,7 @@ archive:
 2. Событие достигло целевого элемента. Это -- *"стадия цели"* (target stage).
 3. После этого событие начинает всплывать. Это -- *"стадия всплытия"* (bubbling stage).
 
-В [стандарте DOM Events 3](http://www.w3.org/TR/DOM-Level-3-Events/) это продемонстрировано так:
+В [стандарте DOM Events 3](https://www.w3.org/TR/DOM-Level-3-Events/) это продемонстрировано так:
 
 ![](eventflow.png)
 

99-archive/063-css-transitions/article.md

@@ -5,7 +5,7 @@ archive:
 
 # CSS-анимации
 
-Все современные браузеры, кроме IE9- поддерживают <a href="http://www.w3.org/TR/css3-transitions/">CSS transitions</a> и <a href="http://www.w3.org/TR/css3-animations/">CSS animations</a>, которые позволяют реализовать анимацию средствами CSS, без привлечения JavaScript.
+Все современные браузеры, кроме IE9- поддерживают [CSS transitions](href="https://www.w3.org/TR/css3-transitions/) и [CSS animations](https://www.w3.org/TR/css3-animations/), которые позволяют реализовать анимацию средствами CSS, без привлечения JavaScript.
 
 Однако, как мы увидим далее, для более тонкого контроля анимации JavaScript вовсе не будет лишним.
 
@@ -79,11 +79,11 @@ growing.onclick = function() {
 
 Список свойств, которые будут анимироваться, например: `left`, `margin-left`, `height`, `color`.
 
-Анимировать можно не все свойства, но [многие](http://www.w3.org/TR/css3-transitions/#animatable-properties-). Значение `all` означает "анимировать все свойства".
+Анимировать можно не все свойства, но [многие](https://www.w3.org/TR/css3-transitions/#animatable-properties-). Значение `all` означает "анимировать все свойства".
 
 ## transition-duration
 
-Продолжительность анимации, задаётся в формате [CSS time](http://www.w3.org/TR/css3-values/#time), то есть в секундах `s` или `ms`.
+Продолжительность анимации, задаётся в формате [CSS time](https://www.w3.org/TR/css3-values/#time), то есть в секундах `s` или `ms`.
 
 ## transition-delay
 
@@ -243,7 +243,7 @@ CSS для анимации:
 
 Это, конечно, "мягкий" вариант. Если поставить значения `y` порядка `-99`, `99`, то поезд будет куда более сильно выпрыгивать за диапазон.
 
-Итак, кривая Безье позволяет задавать "плавное"" течение анимации. Подобрать кривую Безье вручную можно на сайте <http://cubic-bezier.com/>.
+Итак, кривая Безье позволяет задавать "плавное"" течение анимации. Подобрать кривую Безье вручную можно на сайте <https://cubic-bezier.com/>.
 
 ### Шаги steps
 
@@ -401,7 +401,7 @@ CSS-анимации позволяют плавно или не очень ме
 Ограничения и достоинства CSS-анимаций по сравнению с JavaScript:
 
 ```compare
-- Временная функция может быть задана кривой Безье или через шаги. Более сложные анимации, состоящие из нескольких кривых, реализуются их комбинацией при помощи [CSS animations](http://www.w3.org/TR/css3-animations/), но JavaScript-функции всегда гибче.
+- Временная функция может быть задана кривой Безье или через шаги. Более сложные анимации, состоящие из нескольких кривых, реализуются их комбинацией при помощи [CSS animations](https://www.w3.org/TR/css3-animations/), но JavaScript-функции всегда гибче.
 - CSS-анимации касаются только свойств, а в JavaScript можно делать всё, что угодно, удалять элементы, создавать новые.
 - Отсутствует поддержка в IE9-
 + Простые вещи делаются просто.