Загрузка...
Практические примеры обмена данных между CSS и JavaScript с помощью CSS-переменных. Передача значений настраиваемым CSS-свойствам из Javascript.
Передача данных между CSS и JavaScript с помощью CSS-переменных
CSS-свойство aspect-ratio
Применение CSS-свойства aspect-ratio для установки отношения сторон контейнеру вместо использования трюков с помощью padding-top: 56.25% и несколько практических примеров.
Node.textContent и Element.innerText для получения и установки текста
Оба метода Node.textContent и Element.innerText используются для получения и установки текста в HTML-элементе, рассмотрим их сходство и отличие.
Event Loop, Callbacks, Promises, и Async/Await, часть 4 из 4
Функция async позволяет обрабатывать асинхронный код таким образом, чтобы он выглядел синхронным. Функция async под капотом по-прежнему использует обещания (promise), но имеет более традиционный JavaScript-синтаксис.
Event Loop, Callbacks, Promises, и Async/Await, часть 3 из 4
Обещание (promise) представляет собой завершение асинхронной функции. Это объект, который может вернуть значение когда-нибудь в будущем. Он выполняет ту же миссию, что функция обратного вызова (callback), но с множеством дополнительных фич и более читаемым синтаксисом.
Event Loop, Callbacks, Promises, и Async/Await, часть 2 из 4
Функции обратного вызова (callback) не имеют специального синтаксиса; это просто функция, переданная в качестве аргумента другой функции.
Event Loop, Callbacks, Promises, и Async/Await, часть 1 из 4
Рассмотрим работу цикла событий (event loop), а также разберём два элемента цикла событий: стек (stack) и очередь (queue).
Руководство по CSS-переменным
Настраиваемые CSS-свойства для каскадных переменных, о которых давно просили, но которые всё ещё недостаточно используются, предлагают революционные возможности для совместной работы и повторного использования кода.
CSS Scroll Snap
Ключевые свойства спецификации Scroll Snap. CSS-cвойство scroll-snap-type используется в контейнере со скроллом для определения его типа и направления.
Градиент для текста
Как с помощью CSS сделать градиентную заливку текста.
Текст внутри круга с помощью CSS
Вписать текст в окружность можно с помощью CSS-свойства shape-outside и несложной HTML-разметки.
Асинхронный доступ к буферу обмена
Безопасный доступ к буферу обмена для текста и изображений с помощью JavaScript методов Async Clipboard API.
Как с помощью CSS определить полноэкранный режим
CSS медиа-запрос (@media) display-mode можно использовать для проверки режима отображения приложения.
Три логические CSS-функции: min (), max () и clamp ()
Узнайте, как управлять размерами элементов, поддерживать правильный интервал и реализовывать гибкую типографику с помощью этих хорошо поддерживаемых CSS-функций.
Сочетание CSS-свойств: transform, translate, rotate, scale и offset
Анимация элементов с помощью отдельных CSS-свойств трансформаций и комбинирования их с традиционным transform.
Перемещения с помощью CSS Motion Path
Использование css-свойств offset-path, offset-distance, offset-position, offset-rotate, offset-anchor для перемещений элемента по назначенному пути и расположении относительно него.
Аккордеон из HTML-элементов details и summary
Вы можете использовать их для интерактивных компонентов с раскрыванием контента (accordion) совсем без JavaScript.
Sticky sidebar (VanillaJS)
Плавающая боковая панель (sticky sidebar). Несложная HTML-разметка, немного CSS и чистый Javascript.
Утечки памяти от потери ссылок на окна/iframe
Поиск и исправление сложных случаев memory leaks (утечки памяти), вызванных взаимодействием окон и фреймов.
window.matchMedia()
Работа с медиа-запросами в JavaScript отличается от работы с ними в CSS, хотя концепции схожи: сопоставить условия и применить результат