Список для блокировки 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, которым можно перекрасить весь сайт.
Два примера создания версии для печати на той же странице сайта, где находится документ
Данные решения не являются универсальными и для каждого сайта и/или страницы должны быть своими.
В данной теме рассмотрены два варианта создания версий для печати на примере страницы этого блога.
