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

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

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

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

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

Читать далее

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

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

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

Читать далее

Капли воды на CSS

Капли воды для оформления фона блока или секции

Капли в нужном масштабе расставляются по блоку или секции абсолютным позиционированием.

Читать далее


Карточки в виде стикеров для заметок

Информационные карточки в виде стикеров со случайным углом наклона

Наклон карточек осуществляется случайным образом небольшим JS-кодом.

Читать далее

Фильтрация и сортировка элементов

Фильтрация и сортировка элементов с библиотекой Isotope

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

Читать далее

Градиенты для блоков

Градиенты для карточек, блоков или секций на чистом CSS

В теме представлено 20 различных вариантов и все они применяются к одному элементу.

Читать далее

Новогодняя открытка

Блок-секция с поздравительной открыткой к Новому Году.

Данный пример выполнен на CSS и коротким JS, который служит для смены класса.

Открытка открывается по клику и отлично выглядит на всех экранах.

Читать далее

Мобильный Tab Bar с вкладками

Мобильный Tab Bar с переключающимися вкладками

Tab Bar выполнен с применением библиотеки jQuery и может использоваться как каркас всего сайта или определенной его секции.

Читать далее

Блоки с разноцветными пузырями

Анимированные разноцветные пузыри вокруг информационных блоков на JS

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

Читать далее