Примеры загрузчиков для сайта с ресурса 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) благодаря наличию нескольких событий, которые определяют начало и конец […]
Практическое использование css-свойств grid-template-areas и grid-area
Одним из свойств CSS Grid Layout является назначение grid-областей в виде использования свойства grid-template-areas для контейнера и grid-area для вложенных в него элементов сетки. Как […]
Использование линий сетки в CSS Grid Layout для построения макета
В стандарте CSS Grid Layout есть масса свойств и возможностей,с которыми бы хотелось разобраться, чтобы иметь возможность их применять на практике. Одной из таких возможностей […]
Как добавить иконки Font Awesome в меню WordPress
Добавление иконок в меню навигации вашего сайта может быть необходимо вам по дизайну макета или по вашему собственному желанию, т.к. иконки дают вашим посетителям некоторые […]
Как заменить обертку изображений в WordPress c figure на div
В этой статье мы рассмотрим очень простой код, который, тем не менее, позволяет улучшить оптимизацию вашего сайта для поисковых систем. Поскольку над данным вопросом владельцы […]