Pull to refresh

10 jQuery скриптов для улучшения интерфейса

Website development
Translation
Original author: Mirko Humbert
С рассветом WEB 2.0 получили развитие и javascript фрэймворки, позволяющие вебмастеру делать динамические элементы сайта гораздо быстрее и проще. Одним из таких фреймворков является jQuery, получивший огромную популярность за свою простоту и невероятно малый вес. Итак, представляю вашему вниманию 10 наиболее полезных скриптов jQuery для улучшения интерфейса вашего сайта.

Thickbox
Описание: Нужен для обращения внимания пользователя на какой-либо текст, изображение или веб-форму через модальное окно.
Когда и где используется: Когда надо отобразить пользователю больше информации, показать увеличенное изображение, задать несколько вопросов веб-формой, либо отобразить форму входа, но при этом не хотите, чтоб пользователь покидал страницу.
Скрипт, пример, документация
Плагин к WordPress


Tabulations
Описание: Позволяет отображать содержимое страницы в табах.
Когда и где используется: Когда вы хотите освободить место на экране, предоставив быстрый доступ к скрытой информации. Часто используется в виджетах к различным премиум темам WordPress.
Скрипт, пример, документация
Плагин к WordPress


Coda slider
Описание: Создает слайдер, как на скриншоте с сайта Coda.
Когда и где используется: Как и в случае с Coda`ой, этот скрипт отлично подходит для представления продуктов или сервисов, сгруппированными по разделам. Пользователи получают возможность быстрого обзора, а также интуитивно понятную навигацию.
Скрипт, пример, документация
Тема к WordPress


Galleria
Описание: Galleria – javascript галерея, написанная в jQuery. Загружает изображения одно за другим и отображает к ним эскизы.
Когда и где используется: Чтобы показать фотографии какого-либо события или продукта, например.
Скрипт, пример, документация


jTip
Описание: Подсказки, реализованные в jQuery.
Когда и где используется: Когда требуется дать больше информации об объекте в контексте статьи или реализовать подсказки пользователю в различных веб-формах.
Скрипт, пример, документация
Плагин к WordPress


Stylesheet switcher
Описание: Позволяет посетителям на вашем сайте самостоятельно менять стили оформления «в один клик».
Когда и где используется: Когда вы хотите позволить пользователю выбирать шрифты различного размера, отображать информацию, оформленную для мобильного телефона либо для вывода на печать, позволить ему настраивать цвета. Stylesheet switcher может реально помочь повысить удобство вашего сайта.
Скрипт, пример, документация
Плагин к WordPress


jQuery Accordion menu
Описание: Позволяет создавать динамические меню.
Скрипт, пример, документация
Плагин к WordPress


Slider Gallery
Описание: Представляет продукты/изображения в виде прокручиваемой галереи.
Когда и где используется: Когда вы хотите уместить все элементы в сайдбаре, но не хватает места под все опции.
Скрипт, пример, документация


Form Validation
Описание: Проверяйте веб-формы при помощи Form Validation, чтобы избежать неверно заполненных полей.
Когда и где используется: В большинстве форм. Это помогает пользователям понять, где именно они неверно заполнили поля, подсвечивая их ошибки.
Скрипт, пример, документация


jGrowl
Описание: Выводит сообщения в браузере также, как Growl в MacOSX
Когда и где используется: Если вы сообщаете пользователю о действии, но не хотите чтоб он покидал текущую страницу/обновлял ее. Это отличный способ подтвердить действия выполненные пользователем, например регистрация. Также можно использовать jGrowl в различных магазинах и т.п. для подтверждения добавления товара в корзину или подтверждения транзакции.
Скрипт, пример, документация
Tags:jqueryjavascriptwordpressplugin
Hubs: Website development
Total votes 136: ↑125.5 and ↓10.5 +115
Views9.9K

Popular right now

Top of the last 24 hours