CSS фильтры
В настоящее время CSS предоставляет нам возможность применять к изображениям цветовые эффекты с помощью свойства filter, такие как насыщенность (saturation), яркость (lightness) и контрастность (contrast), […]
Анимация на основе GSAP
GreenSock Animation Platform (GSAP) — это всемирно известный набор инструментов для анимации на основе JavaScript, используемый на более чем 11 миллионах сайтов. Часть сайтов, которые […]
Тип данных Symbol в JavaScript
Если вы когда-либо искали информацию о типе данных Symbol, то наверняка уже знаете, что Symbol — это уникальный и неизменяемый тип данных, который может быть […]
Свойство box-shadow в CSS
Свойство box-shadow уже давно существует в CSS и довольно часто используется для различных блоков, в том числе и при наведении на них. В Figma или […]
Использование свойства clip-path в CSS
Свойство clip-path — это своего рода маска обрезки, знакомая всем дизайнерам из Photoshop, Illustrator или Figma, но средствами кода в CSS. То есть, если вам […]
Удаляем стили и скрипты из темы WordPress
Когда вы создаете тему, то вы добавляете css-стили, как из основного файла style.css, так и из других файлов (например, каких-либо сторонних плагинов). Когда вы уже […]
Создание и использование таблиц CSS-стилей в JS
На html-странице мы можем управлять стилевыми свойствами любого элемента через его свойство и атрибут style. Либо использовать классы в виде свойств className или classList. Но […]
Конструкторы для WordPress: Elementor и другие
К конструкторам сайтов на данный момент можно отнести такие площадки, как Wix или Tilda. При том, что они дают возможность быстро создавать сайты, но в […]
Создание плагина для WordPress на примере подобных постов (Related Posts)
Функциональность подобных, или связанных постов — часто желаемая функция для владельцев веб-сайтов WordPress. Небольшая сетка связанных статей под постом в блоге стала широко использоваться в […]
Примеры загрузчиков для сайта с ресурса codepen
Загрузчик или предзагрузчик (англ. — loader, preloader) — это, как правило, анимированный объект в виде картинки или элементов + css-код, которые появляются перед тем, как […]
Как добавить пользовательские поля в форму отзывов WooCommerce?
В наши дни раздел «Отзывы» является почти обязательным для каждого веб-сайта электронной коммерции. Будучи социальными существами, мы склонны обращать внимание на мнение других людей о продуктах, […]
Селекторы :nth-child и :nth-of-type в примерах
Как правило, в верстке современных макетов есть какое-то количество повторяющихся элементов, которые нужно отформатировать по-разному. Например, добавить разные изображения или цвет фона / текста / […]
Использование коллекции Set в JavaScript
Объект Set предназначен для хранения уникальных значений любого типа. В отличие от коллекции Map он не содержит пар ключ-значение, но при этом тоже является итерируемым […]
Коллекция Map в JavaScript. Практическое использование
В стандарте EcmaScript 2015, больше известном, как ES6, появился объект Map (карта), который позволяет сохранить данные в виде коллекции из пар ключ/значение, примерно такой же […]
Создание пользовательских типов записей в WordPress на примере отзывов
Когда вы разрабатываете тему или плагин, иногда возникает необходимость добавить некий функционал, который должен существовать помимо стандартного, реализованного в WordPress «из коробки», а именно записей […]