Загрузка...
Настраиваемые CSS-свойства для каскадных переменных, о которых давно просили, но которые всё ещё недостаточно используются, предлагают революционные возможности для совместной работы и повторного использования кода.
Руководство по CSS-переменным
Метка: web-development
Как сделать модальное окно с помощью javascript
Модальное диалоговое окно должно показываться поверх документа с которым будет запрещено что-либо делать до тех пор, пока диалог не будет завершён и закрыт.
Создание и использование JavaScript-декораторов
Декораторы — это функции, которые изменяют другие функции. Декораторы могут быть полезны для применения одинаковых изменений к нескольким функциям.
5 приёмов ленивой загрузки изображений
повышение производительности веб-страницы, примеры lazy load (отложенная загрузка) для картинок
Page Visibility API и активность вкладки браузера
Практическое использование Page Visibility API: определение активности вкладки браузера. Свойство document.visibilityState, событие visibilitychange.
Fetch API в Javascript
Fetch API используется для выполнения асинхронных запросов. Метод fetch() возвращает Promise, поэтому ответы API нужно обрабатывать с использованием then() и catch().
Введение в создание веб-компонентов
Веб-компоненты состоят из 3 основных частей: Custom Element, Shadow DOM, HTML template. Вместе они реализуют функциональность, которую можно повторно использовать в любое время и в любом месте, не опасаясь конфликтов кода.
Javascript алгоритм: Две строки
Пример алгоритма для поиска общих вхождений в двух строках, Javascript-функция twoStrings.
JavaScript Service Workers
Несколько примеров работы Service Worker в Javascript для PWA (прогрессивных веб-приложений).
Используем Axios в React
Узнайте об интеграции React и Axios, правильном использовании запросов в жизненных циклах React’а, о самых популярных типах запросов и обработке ошибок.
Пользовательские предпочтения: prefers-color-scheme
CSS prefers-color-scheme это медиа-запрос, который определяет текущую настройку темы операционной системы пользователя.
CSS для веб-компонентов
Две стороны веб-компонентов находятся в противоречии друг с другом: изоляция и настройка. Как разработчики могут сохранить внутренние CSS-правила изолированными от внешнего мира? И как настраивать компоненты для достижения желаемого результата?
JavaScript алгоритм для панграмм
Панграмма — это предложение, которое содержит все буквы алфавита. Напишем функцию с названием «pangrams», которая будет принимать одну строку s в качестве входных данных.
Делаем CSS треугольники
Примеры реализации треугольников с помощью CSS
Переиспользуемые компоненты: Custom Elements, Shadow DOM и NPM
Пример от создания простого веб-компонента, с придуманным HTML-тегом, Shadow DOM до публикации его в реестре NPM.