8 jQuery плагинов для улучшения интерфейса

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

equalize.js

jQuery плагин для определения ширины и высоты каких-то элементов.

jQuery Scroll Path

jQuery Scroll Path - это плагин, создающий анимацию контента по какому-то определённому пути.

freetile.js

freetile позволяет компактным образом разместить контент вашей страницы как для обычного, так и адаптивного дизайна.

gridster.js

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

rcarousel

rcarousel позволяет создать слайдер из обычных блоков с контентом

jQuery HiddenPosition

Позиционирует одни элементы по отношению к другим.

turn.js

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

BookBlock

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

Вопрос Дня

Какие нестандартные jQuery плагины приходилось использовать вам?

Данный урок подготовлен для вас командой сайта ruseller.com
Источник урока: http://webdesignledger.com/tools/8-jquery-plugins-for-layout-and-ui-enhancements
Перевел: Станислав Протасевич
Урок создан: 24 Марта 2013
Просмотров: 49310
Правила перепечатки


5 последних уроков рубрики "Для сайта"

  • Эффекты блочного раскрытия

    Сегодня мы хотели бы поделиться несколькими идеями касающегося эффекта блочного раскрытия, которую вы можете использовать для своих проектов.

  • 15 полезных .htaccess сниппета для сайта на WordPress

    Если вы хотите существенно повысить уровень безопасности вашего сайта на WordPress, то вам не избежать конфигурации файла .htaccess. Это позволит не только уберечься от целого ряда хакерских атак, но и организовать перенаправления, а также решить задачи связанные с кэшем.

  • 20 бесплатных тем для WordPress в стиле Material Design

    Material Design — это набирающий обороты тренд от Google. В данной подборке собраны бесплатные темы для WordPress, выполненные в этом популярном стиле.

  • 20 сайтов с креативным MouseOver эффектом

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

  • 45+ бесплатных материалов для веб дизайнеров за август 2016

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

или авторизуйтесь, чтобы добавлять комментарии, оценивать уроки и сохранять их в личном кабинете
  • 24 Марта 2013 13:19
    Станислав Бабич
    Хорошо было бы хоть немного подробнее описать плагины. Ато "jQuery плагин для определения ширины и высоты каких-то элементов." например вообще не говорит ни о чем, а практически все страницы плагинов на английском.
  • 24 Марта 2013 13:58
    poldyaev
    Битая ссылка на плагин gridster.js
    • 25 Марта 2013 20:06
      rubyx
      Ссылка работает:
      http://gridster.net/
  • 24 Марта 2013 19:32
    hitnar
    Круто, настолько круто, что пока не знаю где это применить)
    • 4 Июня 2013 13:37
      flashz1
      улыбнуло)))
  • 25 Марта 2013 10:50
    rymaruk
    От що справді цікаво, так це "BookBlock" і "jQuery Scroll Path" . Решта, навіть уваги не варте ...
  • 25 Марта 2013 12:57
    vakso
    gridster просто шикарно!
  • 25 Марта 2013 13:00
    San4oooo
    спасибо. супер!
  • 25 Марта 2013 20:22
    rubyx
    turn.js интересный вариант. :)
  • 13 Апреля 2013 20:02
    mr.dach
    gridster реально хорош, вот только документация слабенькая к примеру как удалить элемент в док написано юзать .remove_widget а как и куда не показано помогите если хто понял
  • 24 Апреля 2013 18:31
    kalisto
    Спасибо - очень полезный материал... Самое главное не знание чего-то, а помощь в том, как этим можно пользоваться... О ruseller- прошу помощи в том, как можно использовать эти плагины (ВИдео-видео хотса по каждому плагину)
  • 30 Мая 2013 13:52
    Glob4040
    turn.js вещь! Да и все остальное тоже!
  • 25 Июля 2013 18:44
    dimaloll
    > Какие нестандартные jQuery плагины приходилось использовать вам? timeAgo.js (http://timeago.yarp.com/) с названия и так ясно. Но вот небольшой пример:
    jQuery.timeago("2008-07-17"); //=> "5 years ago"
^ Наверх ^