> Список jQuery-плагинов, для создания адаптивных веб-сайтов. | Блог web-разработчика

SlabText.js

slabtext

 

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

Загрузить: http://www.frequency-decoder.com/2012/01/08/slabtext-a-jquery-plugin-for-producing-big-bold-responsive-headlines

jQuery Masonry

masonry

Masonry является динамическим плагином макета сетки на jQuery. Это обратная сторона рассположений CSS. В то время как рассположение элементов организовано горизонтально и вертикально, Masonry расспологает элементы вертикально, тем самым заполняя открытые места в сетке.

Загрузить: http://masonry.desandro.com/

TinyNav.js

tinynav

TinyNav.js это очень полезный jQuery-плагин, который позволяет автоматически добавлять в панель навигации select для небольших устройств, таких как iPhone’ы. Маст хэв!

Загрузить: http://tinynav.viljamis.com/

FitText.js

fittext

FitText.js — это простой jQuery-плагин, который автоматически изменит размер текста под размер его родительского элемента. Отлично подойдёт для красивых и адаптивных заголовков.

Загрузить: http://fittextjs.com/

Breakpoints.js

breakpoints

Просто определите контрольные точки для вашего адаптивного дизайна и Breakpoints.js сформирует определённые события, когда меняется размер браузера. Очень полезный плагин для сложных макетов.

Загрузить: http://xoxco.com/projects/code/breakpoints/

ResponsiveSlides.js

slides

Сейчас очень популярны слайд-шоу в интернете. К сожалению, подогнать их под размер экрана не так уж и просто. ResponsiveSlides.js позволяет вам создать адаптивные слайд-шоу, которые будут превосходно смотреться на любом устройстве.

Загрузить: http://responsive-slides.viljamis.com/

Flare

flare

Flare это ещё один jQuery-плагин для создания адаптивных и больших слайд-шоу. Он не бесплатный, но он абсолютно стоит 10$ из-за своей простоты в использовании и визуального наслаждения.

Загрузить: http://is.gd/flarecwc

FidVids.js

fitvids

Лёгкий, простой в использовании jQuery-плагин для вставок видео с изменяемой шириной. Он был создан Крисом Коерам (Chris Coyier) и студией Paravel.

Загрузить: http://fitvidsjs.com/

Responsive tables

responsive-tables

Ваши таблицы портят весь адаптивный макет? Если да, то вот простой плагин комбинированный с JS/CSS, который сформирует ваши таблицы адаптивными для небольших экранов и не позволит ничему сломаться. Однозначто маст хэв для любых таблиц!

Загрузить: http://www.zurb.com/playground/responsive-tables

jq-idealforms

idealforms

Ideal Forms является основной платформой для создания и проверки адаптивных HTML5-форм. Очень простой в использовании.

Добавить комментарий

Post Navigation