С информацией
Только заголовки

Анимированный переход между страницами

Варианты визуальных эффектов при переходе с одной страницы сайта на другую

Реализация данных эффектов основана на тех же принципах, что и прелоадеры, только анимация в этом случае показывается еще и при клике на ссылку.

Для этого мы перехватываем на JS (в примерах для библиотеки jQuery) клик по ссылке, показываем анимацию закрытия и только после этого по ней переходим.

Читать далее

Калькулятор букв и других символов

Калькулятор заглавных и строчных букв, цифр, пробелов и других символов на jQuery

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

Читать далее

Диагональная карусель фотографий

Диагональная карусель фотографий управляемая движением мышки или пальца

Красивый вариант диагональной карусели для фотографий, который не требует JS-библиотек, а скрипт реализующий его занимает менее 50-ти строчек кода.

Читать далее

Вертикальные вкладки

Адаптивные вертикальные вкладки на jQuery

Преимуществом данной реализации табов является их адаптивный вариант, при котором контент каждой вкладки расположен сразу за ее названием (по аналогии с аккордеоном).

Кроме этого, каждая вкладка в данном решении имеет одинаковый HTML-код, что упрощает интеграцию в любую CMS (не нужно проставлять различные ID, классы и другие атрибуты).

Читать далее


Подсветка блоков курсором мыши

Подсветка фона и рамок блоков при движении по ним курсора мыши.

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

Читать далее

Электрический паук на JS

Электрический паук следующий за курсором мыши

Паук реализован на чистом JS и хорошо подойдет для оформления секции на сайтах подходящей тематики.

Читать далее

Смена слайдов мышкой или пальцем на Bootstrap 3

Смена слайдов карусели на Bootstrap 3 движением мышки или пальца

В данной теме нет кодов самой карусели и всех ее составляющих, а только скрипт, который листает слайды событиями touch... и mouse...

Читать далее

Плеер для аудио-отзывов

HTML5 плеер для аудио-отзывов или других звуковых файлов

Данный плеер относительно прост и не требует подключения дополнительных библиотек.

Читать далее

Эффект старого фильма для фотографии на CSS

Оформление фотографий в стиле старого фильма средствами CSS-анимации

Пример добавления к фотографии анимированных помех и теней для придания ей эффекта старого фильма.

Читать далее