Все для веб-дизайнера
Записи с метками JQuery
Фильтрация списков с плавными переходами на JS
13 Авг
Иногда в форме поиска нужно быстро найти желаемый элемент без перехода, другими словами, организовать такой себе живой поиск в реальном времени, сегодня мы хотим рассказать как это сделать, с фильтрацией списков с плавными переходами на jQuery и JS. Фильтр поиска jQuery позволяет использовать функцию прямого поиска в списке HTML, что позволяет пользователю динамически фильтровать длинные списки через поле поиска. Весьма удобная функция когда ваш ресурс разрастается и на нем хранится множество информации и значений.
Pagination для сайта при помощи jQuery: Bootstrap
10 Авг
На каждом сайте, где много страниц с информацией, нужно организовать правильный и красивый переход между такими страницами. Сегодня мы бы хотели поговорить о том, как сделать навигацию по страницам сайта при помощи небольшого плагина jQuery и Bootstrap 4. Buzina Pagination-это небольшой плагин jQuery, который использует компонент bootstrap 4 pagination для разбиения на страницы больших наборов данных с навигационными ссылками и кнопками next/previous. Можно указать количество записей, отображаемых на странице.
Прокрутка слайдов при помощи клавиатуры
7 Авг
Наверное не только мне удобней листать объекты на сайте при помощи клавиатуры, управление мышкой это безусловно здорово, но нужно давать пользователю максимальное удобство на вашем сайте. Сегодня мы бы хотели поговорить о том, как реализовать управление слайдов на сайте при помощи стрелок клавиатуры, поможет нам в этом небольшой плагин jQuery. Используйте кнопки навигации или стрелки клавиатуры для прокрутки индикатора при переключении между слайдами. При разработке были вдохновлены интерфейсом iOS — uipickerview.
Адаптивное многоуровневое мега-меню на jQuery
4 Авг
Меню сайта это несомненно один из самых важных элементов который стоит разрабатывать с особым усилием, правильный подход к навигации поможет посетителю найти нужную информацию, а вам привлечь еще клиентов на свой ресурс. Сегодня я вам расскажу как создать замечательное адаптивное, многоуровневое мега меню при помощи небольшого плагина jQuery, dmenu-это плагин jQuery для создания отзывчивого, многоуровневого и многостолбцового мега-меню, которое скрывает переполненные элементы навигации в вертикальном раскрывающемся списке с переключателем.
Parallax background с помощью плагина jQuery
3 Авг
Думаю каждый из вас любит параллакс, и сегодня я покажу как создать достаточно простой и красивый фон с эффектом параллакса для вашего сайта при помощи небольшого плагина jQuery. Рarlx является чрезвычайно легким плагином jQuery который используется для создания эффектов прокрутки параллакса, изменяя положение фона с помощью CSS3 2D преобразований (translateY). С помощью его сегодня мы и создадим наш эффект, для демонстрации мы взяли три слайда, которые будут двигаться более медленно, чем основная статья, создавая иллюзию.
Динамический timeline со слайдером на jQuery
2 Авг
Сегодня поговорим о создании временной шкалы для сайта, иногда разработчикам стоит отобразить временной путь, например что компания достигла за эти годы в виде временного графика, мы сегодня расскажем как стилизовать такой timeline при помощи плагина jQuery. Roadmap-это плагин слайдера временной шкалы с jQuery, который динамически отображает события в отзывчивом, прокручиваемом горизонтальном слайдере с плавной анимацией. Ползунок временной шкалы автоматически изменит направление в зависимости от текущего размера экрана.
Как создать чат-бота для сайта при помощи JS
1 Авг
Обратная связь на сайте является очень важным элементом, чтобы не потерять клиента когда вас нет рядом. Есть много платных аналогов, которые помогут вам создать чат-бота для сайта, и помочь пользователю в решении распространенных вопросов на сайте, тем самым помочь пользователю, не тратить на это усилий, но сегодня мы хотим показать как сделать такого бота самому, в красивой форме при помощи небольшого плагина convForm-это небольшой плагин jQuery для создания умного, интерактивного чат-бота из обычной html-формы.
Загрузка ...