Статьи

Топ 25 мобильных плагинов jQuery 2013 года

Чтобы вспомнить, какой год был плодотворным для jQuery Mobile, мы подумали, что представим вам список 25 лучших плагинов jQuery для мобильных устройств 2013 года ! В этом году было выпущено много хороших плагинов для jQuery Mobile, но этот список, как мы думаем, заслуживает упоминания, когда мы вспоминаем прошедший год. Надеюсь, вам понравится! Наслаждаться ?

Категории:

  1. Выбор календаря / даты / времени
  2. Карты
  3. Меню / Навигация
  4. Изображения / Галереи
  5. раскладка
  6. пагинация
  7. Темы / Компоненты / Шаблоны
  8. Обнаружение устройства
  9. скроллинг
  10. Звук

Выбор календаря / даты / времени

1. Моби Пик

Виджет выбора даты в стиле Android для jQuery Mobile. Он использует библиотеку дат XDate и позволяет прогрессивно улучшать поля ввода даты с помощью Modernizr.

Mobi-Pick.jpg
Исходный Демо

2. jQueryMobile — DateBox

Плагин выбора даты и времени для jQueryMobile 1.2.0+

DateBox.jpg
Источник + Демо

3. Календарь JQM

Простой плагин календаря в стиле iOS для jQuery Mobile для отображения активности или выбора дат.

JQM-Calendar.jpg
Исходный Демо

Карты

5. Google maps v3 плагин для jQuery и jQuery Mobile

Плагин Google Map версии 3 для jQuery и jQM снимает некоторые проблемы с работой с API Google Map. Вместо того, чтобы использовать прослушиватели событий Google для простых событий, таких как щелчок, вы можете использовать jQuery click click на карте и маркерах.

Google-Maps-V3.jpg
Исходный Демо

6. Листовка

Это современная библиотека JavaScript с открытым исходным кодом для мобильных интерактивных карт. Он разработан Владимиром Агафонкиным с командой преданных авторов. При весе около 33 КБ JS он обладает всеми функциями, которые нужны большинству разработчиков для онлайн-карт.

Leaflet1.jpg
Исходный Демо

Меню / Навигация

7. Ммену

Плагин jQuery для создания скользящих, похожих на приложения скользящих меню для вашего мобильного сайта с одной строкой javascript.

Mmenu.jpg
Источник + Демо

8. Навер

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

Naver1.jpg
Источник + Демо

Изображения / Галереи

9. JQuery Flip

Мобильный плагин jQuery / jQuery для создания эффекта Flipboard. Эффект Flip использует 3D-преобразование CSS.

JQuery-Flip1.jpg
Исходный Демо

10. PhotoSwipe

Это БЕСПЛАТНАЯ галерея изображений на основе HTML / CSS / JavaScript, специально предназначенная для мобильных устройств.

PhotoSwipe1.jpg
Исходный Демо

11. bxSlider

Отзывчивый слайдер контента jQuery

bxSlider1.jpg
Исходный Демо

12. ImageFlip

Простой плагин JQuery Mobile Image Gallery

Изображение-Flip1.jpg
Исходный Демо

13. Размах

Плагин jQuery «лайтбокс» для настольных компьютеров, мобильных устройств и планшетов.

SwipeBox1.jpg
Источник + Демо

раскладка

14. Мобильный плагин jQuery Splitview

Это плагин для jQuery Mobile, который определяет ширину браузера вашего устройства и соответствующим образом отображает страницы — например, splitview для настольных компьютеров и планшетов, а также стандартный jqm для мобильных телефонов.

JQuery-Мобайл-SplitView.jpg
Исходный Демо

15. jquery-mobile-960

Это порт 960 сетки для мобильного JQuery. Он объединяет гибкость 960.gs и легкость мобильного jquery. Он призван обеспечить большую гибкость макета jquery-mobile и тем самым упростить его использование на планшетах.

960-Grid1.jpg
Исходный Демо

16. jqGrid Mobile

Мобильный плагин jQuery Grid

jqGrid-Mobile1.jpg
Источник + Демо

пагинация

17. Мобильный плагин для jQuery

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

JQuery-Мобайл-Pagination.jpg
Исходный Демо

18. Листоматик

Простой в использовании плагин для jquery mobile listview, который позаботится о разбиении на страницы для любого мобильного списка jquery, включая список с возможностями поиска.

Listomatic1.jpg
Источник + Демо

Тема / Компоненты / Шаблоны

19. Графит

Красивый и минималистичный пакет тем и генератор для jQuery Mobile 1.3.1

Graphite1.jpg
Источник + Демо

20. jQuery Mobile Flat-UI Theme

Тема для jQuery Mobile на основе Flat-UI.

JQuery-Mobile-Flat-UI1.jpg
Исходный Демо

21. NativeDroid

Мобильная тема jQuery.

NativeDroid1.jpg
Источник + Демо

22. JQuery Mobile Square-UI Тема

Тема для jQuery Mobile на основе Square-UI.

JQuery-Мобайл-Сквер-UI1.jpg
Исходный Демо

Обнаружение устройства

23. Device.js

облегчает написание условного CSS и / или JavaScript на основе операционной системы устройства (iOS, Android, Blackberry, Windows, Firefox OS), ориентации (портрет или ландшафт) и типа (планшет или мобильный).

Устройство-JS1.jpg
Исходный Демо

скроллинг

24. Мобискролл

Работает с несколькими Javascript-фреймворками, библиотеками, MVVM-фреймворками и источниками данных. Включая jQuery, jQuery Mobile, Zepto.JS, Kendo UI, Angular.JS, Backbone JS … и этот список можно продолжить. Мы в основном заполняем пробел в недостающих элементах управления пользовательского интерфейса, которые вы искали.

Mobiscroll1.jpg
Исходный Демо

25. jquery-mobile-iscrollview

Javascript, который может прокручивать содержимое в окне в веб-браузере с поведением, очень похожим на собственную прокрутку на мобильных устройствах, таких как iPhone и Android. Это означает, что вы можете прокручивать окно в браузере, используя естественные полосы прокрутки и физику.

iScrollView.jpg
Исходный Демо

Звук

26. Ion.Sound

Плагин для воспроизведения звуков на событиях.

Ионно-Sound1.jpg
Источник + Демо