7 077 Скрипты / Other

Bubbly — анимированный фон из пузырьков на canvas

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

Bubbly — анимированный фон из пузырьков на canvas
6 514 Скрипты / Menu & Nav

Canvi — off-canvas панель навигации

Canvi навигационная панель (off-canvas) с несколькими параметрами для настройки. Можно использовать сразу несколько панелей на одной странице, устанавливать адаптивную ширину и использовать свои стили для панели.

Canvi — off-canvas панель навигации
6 726 Скрипты / Time & Clock

Часы

Аналоговые часы на CSS и чистом JS, отображающие текущее время у пользователя

Часы
7 011 Полезно

Susy 3 — инструмент для верстки сеток на SASS

Набор инструментов для упрощения вычислений связанных с версткой сеток на SASS. Рассмотрим примеры сеток на float, flex, grid. Теперь нам не нужен bootstrap или foundation для сеток, мы можем сами быстро всё написать, включая 5 колоночную и любую другую сетку.

Susy 3 — инструмент для верстки сеток на SASS
6 373 Скрипты / Other

Cocoen — сравнение изображений до и после

Визуальное сравнение двух изображений одного и того же момента, но при разных условиях. Передвигая бегунок слева направо или в обратном направлении можно наглядно сравнить состояния До и После.

Cocoen — сравнение изображений до и после
9 167 Скрипты / Animation

Direction Reveal — появляющийся контент при наведении в направлении движения

Плагин определяет точку входа и выхода пользователя при наведении на блок и позволяет скрывать и отображать контент на основании знания о таком направлении входа/выхода. Скрытый контент может анимироваться в направлении, в котором пользователь входит и выходит с блока, что позволяет создавать интересные эффекты.

Direction Reveal — появляющийся контент при наведении в направлении движения