Рисуем изображения в canvas
Одна из самых впечатляющих функций <canvas> — это возможность использования изображений. Вы можете использовать <canvas> для динамического изменения таких фото, как фоны, графики, для спрайтов в […]
Использование свойства clip-path в CSS
Свойство clip-path — это своего рода маска обрезки, знакомая всем дизайнерам из Photoshop, Illustrator или Figma, но средствами кода в CSS. То есть, если вам […]
Удаляем стили и скрипты из темы WordPress
Когда вы создаете тему, то вы добавляете css-стили, как из основного файла style.css, так и из других файлов (например, каких-либо сторонних плагинов). Когда вы уже […]
Создание и использование таблиц CSS-стилей в JS
На html-странице мы можем управлять стилевыми свойствами любого элемента через его свойство и атрибут style. Либо использовать классы в виде свойств className или classList. Но […]
Вывод последних записей в футере WordPress-сайта
Для вывода последних записей можно использовать виджет «Последние записи», который выводит эти самые последние записи в виде списка из ссылок. Однако, что делать, если необходимо […]
Конструкторы для 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 «из коробки», а именно записей […]
Страница настроек темы с помощью плагина ACF
Наверняка вы уже пользовались Настройщиком тем, или Кастомайзером, как его называют в соответствии с английским вариантом Customizer. И, возможно, уже добавляли свои настройки (опции) для […]
Убираем элементы li в wp_nav_menu()
В WordPress часто используют одно или два меню, которое форматируется с помощью списков <ul> и вложенных в него <li>. Однако, далеко не всегда нам эти […]
Создание эффекта размытого стекла в CSS
Эффект размытого стекла украшает собой дизайн вашей страницы. В этой статье вы найдете 2 способа создать эффект стекла с помощью CSS.
Промисы (Promises) в JavaScript
Промисы (Promises), или Обещания, в JavaScript появились в стандарте EcmaScript2015 (ES6) и с тех пор надежно обосновались в нем для обработки асинхронных операций.
Обработка событий Drag & Drop в JavaScript
Современный JavaScript вместе с HTML5 предоставляет возможность обработки событий перетаскивания и «бросания» элементов (Drag & Drop) благодаря наличию нескольких событий, которые определяют начало и конец […]
