Немного фоновой динамики с Particles.js

Решил слегка поправить шаблоны блога, выровнять отступы, сгладить контраст цветов, заодно расстался с угрюмой фоновой сеткой.

Хотелось добавить какой то динамики, чтобы что то происходило, двигалось, вращалось и т.п. На заре сайтостроительства вебмастера пытались перещеголять друг друга, используя анимированные gif-ки. Одни и те же картинки приходилось встречать на разных сайтах, выглядело это аляповато, демонстрировало отсутствие вкуса, стимулируя закрыть побыстрее сайт.

Particles.js

GITHUB: https://github.com/VincentGarreau/particles.js

Скриптованная анимация с использованием canvas — это довольно свежий взгляд на старую задачу о том как бы добавить движухи в статическую верстку сайта. Я уж думал что то придумать сам, но нашел это готовое решение.

Плюсы:

  • легкий скрипт, конкурирует даже с самыми простыми фоновыми картинками по размеру,
  • всегда разная, живая картинка,
  • возможность проявить творчество и задать свои неповторимые настройки (характер, скорость движения, прорисовку связей и т.п.)

Я подключил скрипт к фоновому слою, а-ля «звездное небо, проплывающее за лентой сайта».

Для этого слоя понадобятся стили вроде:

На демо-сайте вы найдете несколько готовых конфигураций, демонстрирующих применение скрипта.

P.S.

Как оказалось, скрипт может сильно снижать скорость работы браузера на некоторых машинах. По всей видимости, страдают 1-2 ядерный системы. По просьбам трудящихся пришлось отключить красоту. :)

Мало букафф? Читайте есчо !

Перевод месяцев formatted datetime в Drupal

Март 8, 2024 г.

Недавно изучал вопрос: как правильно переводить месяцы (в коротком и длинном варианте) в полях типа datetime в Drupal. Короткий ответ - через UI translation. ...

Читать

Добавление пунктов меню в Administration menu (admin_menu)

Апрель 8, 2020 г.

Популярный административный модуль admin_menu, собирает всё самое нужное и важное для управления сайтом. И хотя в 7 версии в ядре вы найдете модуль tool, обладающий похожим функционалом, ему не удалось заменить admin_menu. Далее, разберем код, добавляющий ...

Читать

Создание ветки на основе существующей в GIT

Июль 30, 2018 г.

Создание новой ветки - это рутинная операция в GIT. Как указать на основе какой существующей ветки нужно создать новую? По умолчанию, за основу будет взята текущая ветка, в которой вы находитесь. Например: [crayon-69038a1a80c7e475492816/] Сначала ...

Читать

Lightbox эффект в статьях на вашем сайте на drupal

Октябрь 2, 2010 г.

Повсеместно распространенная библиотека lightview, и уже ставший обыденным эффект отдельно открывающегося окошка с картинкой, однажды понабились и мне. ...

Читать
 

Комментарии к «Немного фоновой динамики с Particles.js»

Понравилась статья? Есть вопросы? - пишите в комментариях.



Комментарий: