Часто бывает, что нужно обработать клик вне активного элемента (блока), например когда сделан кастомный выпадающий список.
Подобная проблема бывает когда используется всплывающее (модальное) окно, но там, чаще всего, есть слой с зтемнением, клик по которому и можно обработать.
Небольшой скрипт, который позволяет разместить на сайте кнопку "прокрутки к шапке" и интерактивным отображением процента прокрутки страницы.
Основная магия основана на css свойстве background-image: conic-gradient и возможность из JavaScript изменять css переменные.
Не всегда целесообразно добавлять в проект wysiwyg редактор, но все же требуется несколько базовых возможностей. Например, выделение текста жирным.
Небольшая заметка о библиотек Iconate.js, которая позволяет добавить разные анимации для кнопок и/или иконок на сайте.
Сейчас стало можно использовать JWT (JSON Web Token) для авторизации пользователей, особенно при работе с API.
Это, как не странно, вызвало волну мифов о том, что JWT является универсальной панацеей от любых проблем.
Возник вопрос - как обработать событие нажатия на псевдоэлементы / ::before и/или ::after используя, например, jQuery.
Итак проблема - на сайте есть очень тяжелая, порядка 10 мегабайт, страница.
Причиной такого размер является таблица, конкретно в этом случаи сделанная на li, с массой элементов.
Хуже того, в каждой строке (li), еще и множество div, span и т.д т.п. убрать которые нельзя.
Решение: генерировать станицу не на сервере, а передавать браузеру JSON с данными, и формировать страницу уже на клиенте.
Довольно удобно, когда посетитель начинает вбивать название своего города, и ему выводится список и чем больше букв введено, тем список короче и конкретнее.
Базовый пример того, как можно сделать кнопку для скрола до шапки сайта. В примере использоваться fontawesome и jQuery, но вполне можно обойтись и без них.
Кнопка появляется, только если посетитель промотал сайт на 300 пикселей вниз.
Первоначально хотел сделать загрузку новых элементов при прокрутке до конца страницы, но решил ограничится кнопкой, т.к. работа с отслеживанием скрола, это дополнительное усложнение кода, которое к Vue отношения не имеет.