Текст в canvas
Текст в canvas можно создавать так же, как и фигуры либо с заливкой, либо с контурной обводкой. К нему можно добавлять тень. С одной стороны […]
Как работать с переводом медиа-файлов с помощью Polylang
Когда вы установили Polylang в качестве плагина для перевода сайта на несколько языков, то вам придется переводить не только текстовый контент статей, но и различные […]
Стилизация переключателей (радио-кнопок) в CSS
Радио-кнопки подразумевают, что вы выбираете один элемент из некоторого количества, поэтому элемент <input type=»radio»> получил название переключателя в отличие от флажков, которые подразумевают множественный выбор. […]
Стилизация флажков (чекбоксов) в CSS
Наверняка вы задумались о том, как можно изменить стандартный вид флажков (чекбоксов), чтобы они выглядели привлекательней с учетом дизайна вашего сайта или задач одной конкретной […]
HTML и семантика
Если вы только начали изучать HTML, то загадочное слово «семантика», должно быть, поставило вас в тупик. Семантика — это раздел лингвистики, изучающий смысловое значение единиц […]
Изменяем внешний вид фотогалереи в блочном редакторе Gutenberg в WordPress
Если вы пишите/редактируете темы для WordPress, то, возможно, вам приходилось сталкиваться с тем, что нужно изменять некоторые стандартные для WP элементы. Одним из таких элементов […]
Замена галереи Fancybox на чистом JavaScript
Скорей всего, вы слышали или уже использовали такую галерею, как Fancybox, и, соответственно, знаете, что подключать ее нужно вместе с jQuery. Но некогда популярная jQuery […]
Использование в JavaScript методов bind(), call(), apply()
Если вы читаете эту статью, то наверняка уже пробовали разобраться с тем, для чего в JavaScript существуют методы bind(), call() и apply(). Проблема понимания этих […]
Способы добавления плавной прокрутки страницы в CSS и JavaScript
Наверняка вы посещали страницы, которые плавно прокручивают контент при клике на ссылке к соответствующему блоку. Это красиво выглядит на лэндингах (LandingPage, или посадочная страница), в […]
Как убрать в WordPress страницы-ссылки на изображения и кастомные записи
Когда владелец сайта на WordPress начинает задумываться о SEO (Search Search Engine Optimization) — поисковой оптимизации, т.е. о продвижении своего сайта для его выхода на […]
Создаем собственную страницу регистрации/входа пользователя WordPress без плагина
Существует множество различных способов создания собственной страницы входа и регистрации в WordPress. Однако многие из этих методов чрезмерно продуманы или настолько стилизованы или сложны, что […]
Центрирование элементов в CSS
Центрирование элементов в css — это совсем не праздный вопрос, т.к. это довольно распространенная ситуация в верстке. В этой статье мы рассмотрим разные способы горизонтального […]
Bootstrap 3, 4 и 5: классы для скрытия/отображения элементов на разных экранах
При верстке часто возникает ситуация, когда некоторые элементы необходимо скрыть для небольших разрешений экранов и показать на больших, и наоборот. В Bootstrap 4 для этой […]
Подключаем стили и скрипты в WordPress для темы или плагина
Как известно, стили в файле темы WordPress подключаются в блоке <head>, за который отвечает файл header.php и функция wp_head(), которая размещается в нем. Что касается […]
Способы построения колонок в CSS
Мы рассмотрим варианты построения макета на основе 4 колонок. Во-первых, такое распределение информации является очень популярным, во-вторых, они хорошо перестраиваются в 2 колонки для планшетов […]
Простые задачи по JavaScript
В данной статье вы найдете список задач для понимания работы различных конструкций языка JavaScript. Учтите что решение здесь не предусматривается. То есть вы читаете задачу, […]
Кнопки с масками на основе SVG
В этой статье мы увидим, как сделать не просто кнопки, а кнопки-иконки, доступные для людей с ограниченными возможностями, с помощью SVG и CSS, не перегружая […]
Видимость элемента в JavaScript и CSS. Свойство display: none и block
Довольно часто возникает необходимость узнать, является ли какой-либо объект видимым на странице. Как правило, решение упирается в получение информации о css-свойстве объекта display. Обычно мы […]