Визуализация нейронной сети
Анимированная SVG-картинка в виде мозга, визуализирующая нейронную сеть
Для анимации SVG используется небольшой JS-код
Круговая диаграмма на JS
Пример создания круговой диаграммы с помощью Google Chart
В данной теме нет описания всех возможностей Google Pie Chart, а приведен пример быстрого создания круговой диаграммы с основными настройками.
Анимация SVG-графики при прокрутке страницы
Анимационные эффекты появления элементов SVG-графики при прокрутке страницы
В данной теме представлено несколько вариантов анимации логотипов и иконок в SVG с помощью jQuery плагина ScrollMe
3D волна на фотографии
3D эффект волны на изображении при движении по нему курсора мыши
Данный эффект реализован на чистом CSS и рассчитан на 13 частей, в каждой из которой показывается определенная часть одного изображения.
Мыльные пузыри для секции
Появляющиеся от движения курсора мыльные пузыри
Реализующий пузыри скрипт компактен и не требует дополнительных библиотек.
Пончиковая диаграмма на CSS
Построение пончиковой диаграммы на чистом CSS и с использованием всего одного элемента
Данная диаграмма строится всего на одном элементе с указанием значений через CSS переменные, а именно:
- процентное значение
- диаметр
- толщина границы
- основной цвет и цвет фона
Блокировка вредоносных ботов
Список для блокировки IP-адресов вредоносных ботов через .htaccess
В данной заметке представлен список IP-адресов ботов, накручивающих поведенческие факторы, таких как Biterika Grupp, Moshonkin Ilia Sergeevich, Martynova Irina Nikolaevna, Alliance LLC, а также хостингов, с которых боты могут идти: Hetzner, Amazon и прочее.
Падающий снег на CSS
Падающий снег для шапки, секций или фотографий
Простой способ наложения падающих снежинок на секции или фотографии всего одним элементом <div class="snowblock"></div>
Таймер бездействия посетителя на странице
Запуск через определенное время событий при бездействии пользователя
Иногда бывает необходимо определить отсутствие каких-либо действий со стороны посетителя в течении заданного времени и выполнить свои, например:
- показ информационных сообщений или баннеров
- остановка работающих скриптов или анимаций
- сброс авторизации или другой редирект
- смена рекламных или других блоков
Фоновая анимация на JS
