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

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

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

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

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

Читать далее

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

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

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

Читать далее

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

Три примера плавных анимированных переходов между пунктами меню на jQuery

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

Для их реализации использована библиотека jQuery

Читать далее


Навигационное меню для лендинга

Навигационное меню для лендинга с плавным скроллом и подсветкой пункта активной секции

Меню реализовано с использованием библиотеки jQuery

Читать далее

Модальное окно для контактов

Модальное окно для контактов или социальных сетей с фиксированной кнопкой

В меню контактов используются иконки шрифта FontAwesom 4.7

Читать далее

Вертикальный аккордеон для фотографий

Вертикальный аккордеон с раскрывающимися по клику фотографиями

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

Читать далее

Боковое меню с иконками на CSS

Фиксированное боковое меню с иконками и выдвигающимися подсказками на CSS

Иконки в данном меню могут иметь любые форматы (графика или шрифт).

Для SVG-иконок предусмотрен вариант с анимацией (пункт 3 в меню).

Читать далее

Анимированный Tab Bar

Нижняя панель вкладок с красивым анимированным переходом

Решение выполнено на JS с использованием SVG-иконок.

Читать далее

Аккордеон на CSS

Вариант создания аккордеона на чистом CSS

2 примера создания аккордеона без использования скриптов.

Один работает с использованием радиокнопок <input type="radio" /> , а другой с флажками <input type="checkbox" />

Читать далее