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

JQquery

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

Вы хотите, чтобы Ваш вебсайт корректно отображался на мобильных устройствах и наладонниках? Если да (а это определенно можно утверждать), то пришло время задуматься о том, как сделать Ваш тип шаблона более "отзывчивым" к мобильным устройствам с их маленьким экраном. Будучи одной из наиболее важных тенденций вебдизайна 2011 года, отзывчивый вебдизайн продолжает продвигаться, предоставляя новые эффективные решения разработчикам и вебмастерам. Мы представляем вам некоторые плагины jquery? работающие в русле этой тенденции. Мы попытались объединить в статье различные типы плагинов, которые помогут Вам должным образом представлять свой контент на мобильных устройствах; а в как контент, мы подразумеваем не только текст и шрифты, но и видео и даже систему сетки, которая нужна для правильного представления сайта на маленьких экранах. Теперь давайте вернемся к нашему списку плагинов jQuery.

1. Responsly.js

Плагин Responsly для jQuery отлично работает с ноутбуками, наладонниками и мобильными экранами. Он полность стилизован с помощью CSS и совместим со всеми современными браузерами (IE как обычн - исключение). Это очень легкий плагин, который может быть легко настроен через изменение файла CSS.

2. Photo Swipe

Photo Swipe - Javascript плагин галереи изображений, который был создан главным образом для мобильных устройств. Этот плагин поможет Вашим посетителям просматривать Ваш вебсайт, используя знакомый и интуитивный интерфейс.

3. FitText

FitText делает размеры шрифта гибкими, что означает, что все заголовки на Вашем вебсайте будут масштабируемы. Этот плагин - еще один шаг к тому, чтобы сделать ваш шаблон сайта более отзывчивым к пользователям с мобильными устройствами.

4. Responsive Menu

Это очень простой и маленький плагин jQuery, который преобразует меню в элемент select для мобильных устройств и браузеров с небольшой шириной.

5. Adaptive Images

Adaptive images - эффективное решение, которое позволяет Вам предоставлять версию для мобильных устройств изображений  вашего сайта. Этот плагин опеделяет размер экрана и создает соответствующие отмасштабированные версии всех изображений на Вашей веб странице. Плагин не требует изменения сущестующей разметки.

6. jQuery Masonry

jQuery Mansory - плагин сетки шаблона, который упорядочивает элементы, уменьшает вертикальные промежутки. Так этот плагин создает благоприятный для мобильноых устройств шаблон.

7. FitVidJS

Это простой плагин jQuery, который был создан только с одной целью - должным образом отображать видео при использовании шаблона с изменяемой шириной.

8. Convert a Menu to a Dropdown for Small Screens

Этот плагин создает дружественное для мобильных кстройст выпадающее меню вместо классической строки ссылок в Вашем навигационном меню.

9. jFontSize

Это специальный плагин, созданный чтобы упростить общеизвестную кнопку A+/A-, которая позволяет, Вам увеличить или уменьшить шрифт. В основном jFontSize приспосабливает шрифты на вебсайте для разрешающей способности экрана Вашего устройства.

10. jQuery UI mediabox

rlightbox - плагин jQuery UI, который отображает различный контент, включая изображения, YouTube и видео Vimeo. Среди его особенностей мы должны отметить Панораму и Live Re-size.