FAQ на тегах details и summary с анимацией и микроразметкой

1 комментарий

На сайтах часто встречаются блоки с ответами на часто задаваемые вопросы. Ответы при этом по умолчанию скрыты, а при клике на вопрос ответ раскрывается. Такого типа блок еще называют «аккордеоном». Я видел разные варианты HTML-разметки «аккордеона». Чаще ...

Слайдер-превью изображений при наведении мыши

18 комментариев

На сайтах интернет-магазинов (или тому подобных), где на страницах рубрик представлены карточки товаров или услуг, можно встретить мини-слайдеры, в которых показаны превью этих товаров и услуг. При наведении курсора и перемещении его влево-вправо можно посмотреть ...

Разметка WordPress-меню по БЭМ с помощью волкера

7 комментариев

Я верстаю по методологии БЭМ и при разработке WordPress-шаблонов стараюсь там, где это возможно, привести к соответствующему виду встроенные в WordPress CSS-классы. Стандартное меню WordPress выводится функцией wp_nav_menu (), и есть возможность его модифицировать с помощью ...

Удаляем ссылку у текущего пункта меню WordPress

8 комментариев

Очень часто в техническом задании на создание шаблона для WordPress значится пункт: «Не должно быть циклических ссылок». Это означает, что, когда мы находимся на какой-либо странице, на ней не должно быть ссылок на саму себя. Чтобы выполнить данное ...

WordPress: добавляем в меню счетчик записей для таксономий

4 комментария

Для вывода списка всех рубрик в WordPress предусмотрена специальна функция — wp_list_categories (). Однако, на мой взгляд, удобнее создавать этот список с помощью стандартного меню WordPress, которое редактируется на странице «Внешний вид — Меню» и выводится функцией ...

WordPress: выводим список всех тегов (меток) в рубрике

5 комментариев

В одном из заказов на разработку шаблона для WordPress понадобилось выполнить нестандартную задачу — в рубрике вывести список всех тегов из статей, которые в ней находятся. Как обычно в таких случаях, поискал решение в Интернете. Нашлось несколько вариантов. Что-то ...

User CSS — браузерное расширение для добавления пользовательских стилей к сайтам

User CSS — браузерное расширение для добавления пользовательских стилей к сайтам

22 комментария

Представляю вашему вниманию свое расширение для браузеров, работающих на движке chromium / blink /webkit, суть которого заключается в возможности изменять оформление просматриваемого сайта «на лету» путем добавления собственного CSS-кода. Предыстория Когда-то давно я был ...

Верстка заголовка с горизонтальной линией слева и справа от текста

35 комментариев

Время от времени возникает необходимость сверстать необычный заголовок, в котором слева и/или справа от текста проходит горизонтальная линия, занимающая все свободное пространство. Выглядит это следующим образом (живой пример): Заголовок с выравниванием слева Заголовок с выравниванием ...