С появлением WEB 2.0 также появились платформы JavaScript, позволяющие веб-мастерам создавать динамические элементы веб-сайтов намного быстрее и проще.
Одной из таких платформ является jQuery, которая приобрела огромную популярность благодаря своей простоте и невероятно легкому весу.
Итак, представляю вашему вниманию 10 самых полезных jQuery-скриптов для улучшения интерфейса вашего сайта.
Толстый ящик Описание: Необходимо привлечь внимание пользователя к какому-либо тексту, изображению или веб-форме через модальное окно.
Когда и где использовать: Когда вам нужно отобразить пользователю дополнительную информацию, показать увеличенное изображение, задать несколько вопросов с помощью веб-формы или отобразить форму входа, но вы не хотите, чтобы пользователь покидал страницу.
Скрипт, пример, документация Плагин WordPress
Таблицы Описание: Позволяет отображать содержимое страницы во вкладках.
Когда и где использовать: Если вы хотите освободить место на экране, предоставив быстрый доступ к скрытой информации.
Часто используется в виджетах для различных премиум-тем WordPress. Скрипт, пример, документация Плагин WordPress
Кода слайдер Описание: Создает слайдер, как на скриншоте, с помощью Сайт Коды .
Когда и где использовать: Как и Coda, этот скрипт отлично подходит для представления продуктов или услуг, сгруппированных по разделам.
Пользователи получают быстрый обзор, а также интуитивно понятную навигацию.
Скрипт, пример, документация Тема для WordPress
Галерея Описание: Galleria — это галерея JavaScript, написанная на jQuery. Загружает изображения одно за другим и отображает их миниатюры.
Когда и где использовать: Например, чтобы показать фотографии мероприятия или продукта.
Скрипт, пример, документация
jTip Описание: Подсказки реализованы в jQuery. Когда и где использовать: Когда вам нужно предоставить дополнительную информацию об объекте в контексте статьи или реализовать подсказки пользователю в различных веб-формах.
Скрипт, пример, документация Плагин WordPress
Переключатель таблиц стилей Описание: Позволяет посетителям вашего сайта самостоятельно менять стили оформления в один клик.
Когда и где использовать: Если вы хотите разрешить пользователю выбирать разные размеры шрифта, отображать информацию, предназначенную для мобильного телефона или для печати, и позволить ему настраивать цвета.
Переключатель таблиц стилей действительно может помочь улучшить удобство использования вашего веб-сайта.
Скрипт, пример, документация Плагин WordPress
Меню jQuery «Гармошка» Описание: Позволяет создавать динамические меню.
Скрипт, пример, документация Плагин WordPress
Галерея слайдеров Описание: Представляет продукты/изображения в прокручиваемой галерее.
Когда и где использовать: Если вы хотите разместить все элементы на боковой панели, но для всех опций недостаточно места.
Скрипт, пример, документация
Проверка формы Описание: Проверяйте веб-формы с помощью проверки форм, чтобы избежать неправильного заполнения полей.
Когда и где использовать: В большинстве форм.
Это помогает пользователям понять, где именно они заполнили поля неправильно, выделяя ошибки.
Скрипт, пример, документация
jGrowl Описание: Отображает сообщения в браузере так же, как Growl на MacOSX. Когда и где использовать: Если вы сообщаете пользователю о действии, но не хотите, чтобы он покидал текущую страницу/обновляйте ее.
Это отличный способ подтвердить действия, совершенные пользователем, например, регистрацию.
Вы также можете использовать jGrowl в различных магазинах и т. д., чтобы подтвердить добавление товара в корзину или подтвердить транзакцию.
Скрипт, пример, документация
Теги: #jQuery #JavaScript #wordpress #плагин #Разработка веб-сайтов
-
Оповещение От Вебмани
19 Oct, 24 -
Подготовка Расширенных Cgridviews
19 Oct, 24 -
Aws Insight: Виртуальное Частное Облако
19 Oct, 24 -
Забрать И Вернуть – Новая Услуга От Asus
19 Oct, 24