понедельник, 2 апреля 2012 г.

jQuery для адаптивной верстки (резиновой)

Прелести адаптивной верстки давно многим известны. Далее приведены jQuery плагины которые могут помочь достичь стоящего результата в этом нелегком деле.

Первые два отлично подходят при совместном использование css фреймворков типа 960 Grid System.

Isotope

Сайт проекта: http://isotope.metafizzy.co

Можно отметить приятную анимацию при изменении размера. 
Функционал: 
  • Фильтрация
  • Сортировка
  • Infinity scroll как аналог пагинации 
  • Добавление новых элементов 
  • Выбор layout mode ( http://isotope.metafizzy.co/demos/layout-modes.html )
  • и многое другое


jQuery Mansory

Сайт проекта: http://masonry.desandro.com


Функционал примерно тот же что и у Isotop'a

jFontSize

Изменение размера шрифта по нажатию.
Сайт проекта: http://www.jfontsize.com/

Fit Text

Динамическое изменение размера текста.
Сайт проекта: http://fittextjs.com/

Elastislide

Страница плагина: http://tympanus.net/Development/Elastislide/
отзывчивая карусель для изображений. Есть несколько режимов: 
  1. при изменении ширины меняется размер изображений;
  2. при изменение ширины меняется количество изображений;
  3. комбинированный, при достижении определенной ширины одно меняется вторым


В дополнение интересный вариант интерфейса от команды tympanus.net.
Ссылка на страницу: http://tympanus.net/Tutorials/CSS3ContentNavigator/index5.html