JavaScript:

Небольшой скрипт, который позволяет разместить на сайте кнопку "прокрутки к шапке" и интерактивным отображением процента прокрутки страницы.

Основная магия основана на 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 отношения не имеет.

Решил сохранить, может пригодиться в ком-либо проекте.

Демо: https://dixonandmoe.com/rellax/

Гитхаб: https://github.com/dixonandmoe/rellax