CSS-свойство aspect-ratio

Применение CSS-свойства aspect-ratio для установки отношения сторон контейнеру вместо использования трюков с помощью padding-top: 56.25% и несколько практических примеров.

Event Loop, Callbacks, Promises, и Async/Await, часть 4 из 4

Функция async позволяет обрабатывать асинхронный код таким образом, чтобы он выглядел синхронным. Функция async под капотом по-прежнему использует обещания (promise), но имеет более традиционный JavaScript-синтаксис.

Event Loop, Callbacks, Promises, и Async/Await, часть 3 из 4

Обещание (promise) представляет собой завершение асинхронной функции. Это объект, который может вернуть значение когда-нибудь в будущем. Он выполняет ту же миссию, что функция обратного вызова (callback), но с множеством дополнительных фич и более читаемым синтаксисом.

Руководство по CSS-переменным

css variables

Настраиваемые CSS-свойства для каскадных переменных, о которых давно просили, но которые всё ещё недостаточно используются, предлагают революционные возможности для совместной работы и повторного использования кода.

CSS Scroll Snap

scroll-snap-type

Ключевые свойства спецификации Scroll Snap. CSS-cвойство scroll-snap-type используется в контейнере со скроллом для определения его типа и направления.

Перемещения с помощью CSS Motion Path

CSS Motion Path

Использование css-свойств offset-path, offset-distance, offset-position, offset-rotate, offset-anchor для перемещений элемента по назначенному пути и расположении относительно него.

Sticky sidebar (VanillaJS)

sticky sidebar

Плавающая боковая панель (sticky sidebar). Несложная HTML-разметка, немного CSS и чистый Javascript.

window.matchMedia()

matchMedia vs resize

Работа с медиа-запросами в JavaScript отличается от работы с ними в CSS, хотя концепции схожи: сопоставить условия и применить результат