Изменение любых элементов через CSS при основных событиях на странице
Решение на JavaScript, которое добавляет классы на <body> при основных событиях: DOM построен, страница загружена, скролл, клик, движение мыши, касание и бездействие. Дальше через CSS можно управлять любыми элементами сайта.
Список для блокировки IP-адресов вредоносных ботов через .htaccess
В данной заметке представлен список IP-адресов ботов, накручивающих поведенческие факторы, таких как Biterika Grupp, Moshonkin Ilia Sergeevich, Martynova Irina Nikolaevna, Alliance LLC, а также хостингов, с которых боты могут идти: Hetzner, Amazon и прочее.
Падающий снег для шапки, секций или фотографий
Простой способ наложения падающих снежинок на секции или фотографии всего одним элементом <div class="snowblock"></div>
Запуск через определенное время событий при бездействии пользователя
Иногда бывает необходимо определить отсутствие каких-либо действий со стороны посетителя в течении заданного времени и выполнить свои, например:
Анимированная гирлянда для украшения шапки сайта к Новому Году
Данный пример оформления сайта к Новому Году очень простой, занимает всего несколько строк кода и подойдет для большинства сайтов.
Варианты визуальных эффектов при переходе с одной страницы сайта на другую
Реализация данных эффектов основана на тех же принципах, что и прелоадеры, только анимация в этом случае показывается еще и при клике на ссылку.
Для этого мы перехватываем на JS (в примерах для библиотеки jQuery) клик по ссылке, показываем анимацию закрытия и только после этого по ней переходим.
Модальное окно с QR-кодом ссылки на текущую страницу
Данное решение может пригодиться, если у посетителя есть потребность перейти с десктопа на мобильный.
QR-код генерируется через api сервиса goqr.me, а само решение выполнено для библиотеки jQuery
Решение для библиотеки jQuery, позволяющее на сайте добавлять страницы в избранное.
Во многих интернет-магазинах такая функция присутствует для товаров и называется "Добавить в избранное", но сохранять страницы в закладки может быть полезно и для обычных каталогов, и для блогов.
Все сохраненные закладки хранятся в локальном хранилище браузера localStorage, что позволяет использовать это решение даже на html-сайтах
Переключение светлой темы сайта на темную и наоборот
Кнопка, которая добавляет и запоминает к тегу <body> класс dark, которым можно перекрасить весь сайт.
