Свежие и полезные плагины и учебные пособия по jQuery

Каждый дизайнер знает, что jQuery не только удобный инструмент, но и очень популярный и широко применяемый. Таким образом, они пытаются овладеть своим навыки jquery. Если вы подходите под эту категорию, то этот пост из более чем 40 свежие и крутые плагины и учебные пособия jQuery для вас. Эта демонстрация должна позволить вам освоить некоторые методы, необходимые для разработки более интерактивного и визуально привлекательного веб-сайта с помощью jQuery, и использовать возможности этого инструмента.

Когда вы выйдете с другой стороны этой коллекции и закончите изучать все, что предлагают вам эти плагины и учебные пособия, мы надеемся, что использование jQuery станет намного более простой задачей. Мы надеемся, что это приведет к большему количеству довольных клиентов и пользователей. Наслаждаться!

Ресурсы jQuery

Проверка надежности пароля с помощью jQuery (демонстрация | Решить учебное пособие)
В этом руководстве мы создадим форму, которая дает пользователю обратную связь в реальном времени о том, достаточно ли его пароль соответствует требованиям сложности, которые мы установим.

Создайте Windows-подобный интерфейс с jQuery UI (демонстрация | Посетите исходный код)
В этом руководстве вы узнаете, как использовать jQuery UI для создания высокофункционального пользовательского интерфейса без использования чего-либо еще. К концу вы должны быть знакомы с пользовательским интерфейсом jQuery, некоторыми его компонентами и иметь общее представление о настройке пользовательского интерфейса jQuery.

Аккордеон ( Демонстрация | Посетите источник )
Akordeon полностью настраивается и может использоваться для отображения больших блоков данных (текст, изображения и т. д.) в ограниченном пространстве. Например, вы можете использовать его для отображения категоризированных данных или параметров меню точно так же, как пункты меню ресторана с данными каждой категории, отображаемыми на отдельной панели.

Быстрое и простое меню навигации по блоку ссылок: BoxyMenu (демонстрация | Посетите исходный код)
BoxyMenu — это простой и быстрый плагин меню навигации, который плавно отображается во всех основных веб-браузерах. Его легко настроить, и его можно подключить к любому веб-сайту или веб-приложению.

Эффект размытия элемента с помощью jQuery и CSS3 (демонстрация | Посетите источник)
С помощью этого плагина jQuery вы можете создать простой эффект размытия для текстовых элементов. Идея состоит в том, чтобы иметь набор текстовых полей, которые будут размываться и уменьшаться, когда мы наводим на них курсор. Объект в фокусе будет увеличиваться.

jQuery Чистые и простые всплывающие подсказки: Gips (демонстрация | Посетите исходный код)
Gips — это чистый и простой плагин jQuery. Полностью настраиваемый и простой в использовании. Он также поддерживает темы CSS.

Полноэкранный эффект размытия изображения с Html5 (демонстрация | Посетите исходный код)
С помощью этого плагина jQuery вы можете создать полноэкранное отображение изображения с небольшой навигацией по эскизам и эффектом перехода размытия для плавного изменения изображения.

Плагин jQuery для окна поиска по запросу: SeacrhMeme (демонстрация | Посетите источник)
Этот плагин jQuery называется SearchMeme. Его идея состоит в том, чтобы предоставить небольшую кнопку поиска, которую можно разместить в любом месте веб-сайта. Нажатие на кнопку поиска расширяет ее, показывая текстовое поле, в котором вы можете ввести условия поиска.

Многоуровневое иерархическое меню jQuery: jQSimpleMenu (демонстрация | Посетите источник)
jQSimpleMenu — это многоуровневое иерархическое раскрывающееся меню jQuery, которое помогает вам добавлять раскрывающиеся меню на ваш веб-сайт без написания единой строки кода.

Создание таймера обратного отсчета jQuery (демонстрация | Посетите источник)
С помощью этого плагина jQuery вы можете отображать таймер обратного отсчета. Он покажет оставшиеся дни, часы, минуты и секунды до вашего события, а также анимированные обновления каждую секунду.

Потрясающий плагин jQuery для прокрутки колод (Демо | Посетите исходный код)
Плагин jQuery для создания прокручиваемых презентаций с полной легкостью.

Меню элементов списка jQuery, как на дисплее iPhone (демонстрация | Посетите исходный код)
Плагин jQuery, который позволяет отображать элементы списка аналогично домашнему экрану iPhone. Если количество элементов превышает количество отображаемых элементов на одном экране, пользователи могут пролистывать экраны.

3D-галерея с CSS3 и jQuery (демонстрация | Посетите источник)
С помощью этого плагина jQuery вы можете создать выдающуюся 3D-галерею с помощью CSS3.

Shiny Knob Control с jQuery и CSS3 (демонстрация | Посетите исходный код)
С помощью этого плагина jQuery вы можете создать блестящий элемент управления с ручкой, с преобразованиями CSS3 и новыми методами обработки событий jQuery, чтобы предоставить посетителям вашего веб-сайта новый способ интерактивного выбора значения из диапазона.

Arctext.jp — изогнутый текст с помощью CSS3 и jQuery (демонстрация | Посетите источник)
Хотя CSS3 позволяет нам вращать буквы, довольно сложно расположить каждую букву по изогнутой траектории. Arctext.js — это плагин jQuery, который позволяет вам делать именно это. На основе Lettering.js он вычисляет правое вращение каждой буквы и равномерно распределяет буквы по воображаемой дуге заданного радиуса.

Плагин jQuery для поворота изображения (демонстрация | Посетите источник)
С помощью этого плагина jQuery вы можете создать потрясающее вращающееся изображение простым щелчком мыши.

Эффект близости миниатюры с помощью jQuery и CSS (демонстрация | Посетите источник)
С помощью этого плагина jQuery вы можете создать аккуратный эффект близости миниатюр с помощью jQuery. Идея состоит в том, чтобы масштабировать миниатюры при наведении на них курсора, а также масштабировать соседние миниатюры пропорционально их расстоянию.

Создание собственной системы опроса Ajax (Демонстрация | Посетите источник)
В этом уроке мы будем создавать нашу собственную систему опроса (AJAX) для ваших проектов с PHP.

Боковое скольжение при прокрутке с помощью jQuery (демонстрация | Посетите источник)
С помощью этого плагина jQuery вы можете создать эффект «прокрутки при прокрутке». Вы, наверное, видели этот классный эффект на некоторых веб-сайтах, теперь вы можете использовать его и на своем.

Слайд-шоу эластичных изображений с предварительным просмотром миниатюр (демонстрация | Посетите исходный код)
С помощью этого плагина jQuery вы можете создать простое эластичное слайд-шоу с предварительным просмотром миниатюр. Слайд-шоу автоматически подстраивается под окружающий его контейнер, и пользователи могут перемещаться по слайдам с помощью средства предварительного просмотра эскизов или параметра автоматического воспроизведения слайд-шоу.