Фон с разноцветными существами
Фон для секции или всей страницы с разноцветными существами, похожими на пипидастров
Фон генерируется случайным образом и хорошо подойдет для сайта детской тематики
Версия для печати без использования отдельной страницы
Два примера создания версии для печати на той же странице сайта, где находится документ
Данные решения не являются универсальными и для каждого сайта и/или страницы должны быть своими.
В данной теме рассмотрены два варианта создания версий для печати на примере страницы этого блога.
Вращающаяся сфера на JS
Фоновый эффект с вращающейся 3D сферой, состоящей из частиц
Красивый эффект для фонового изображения подходящей тематики. Реализующий его скрипт компактен и не требует дополнительных библиотек.
Синхронный скролл двух блоков
Одновременная вертикальная прокрутка двух блоков
Решение выполнено для библиотеки jQuery
Блок-секция с мороженным
Анимированный фон для блока или секций с размахивающим руками мороженным
Решение выполнено с использованием SVG анимации
Слайдер-презентация с красивым эффектом
Слайдер-презентация на JavaScript с красивыми эффектами на фото и видео
Несмотря на то, что данная презентация довольно ресурсоемкая и использует две библиотеки (three и gsap, общим весом 700кб), на ее основе можно создать очень красивую титульную страницу, например, для персонального сайта.
Адаптивные вкладки openTabby
jQuery плагин openTabby для создания адаптивных табов с разными настройками.
Несмотря на то, что данный плагин довольно старый (2015 года) и не имеет даже документации от разработчика, в нем есть ряд полезных возможностей.
3D-карусель управляемая мышью
Красивая 3D карусель, которая управляется зажатием и движением мышки.
Возможности карусели:
- Любое количество фотографий.
- Произвольный радиус.
- Автоматическое движение с заданной скоростью.
- Отсутствие дополнительных библиотек.
- Всего 90 строк кода.
Анимированный переход между пунктами меню
Три примера плавных анимированных переходов между пунктами меню на jQuery
Данное меню можно использовать для лендингов, переключения вкладок, открытия модальных окон или других переходов внутри страницы.
Для их реализации использована библиотека jQuery
