Пользователь
0,0
рейтинг
3 сентября 2010 в 13:25

Разработка → Обзор нескольких новых плагинов jQuery перевод

Довольно часто я наступаю на одни и те же грабли. Стараясь выполнить какой-нибудь проект побыстрее, я с головой ухожу в реализацию необходимой функциональности. А через неделю, мне на глаза обязательно попадается описание библиотеки, фреймворка или плагина, воспользовавшись которыми, я мог бы выполнить свою часть работы в разы быстрее. В общем, сейчас я стараюсь быть в курсе готовых решений в интересующих меня областях. В последнее время мне часто приходится работать с javascript и поэтому, сейчас я уделяю особое внимание библиотеке jQuery и ее плагинам. Должен сказать, что упускать из виду такое разнообразие готовых решений просто нельзя. Данная статья сделана на основе обзора «50 Awesome New jQuery Plugins», который я прочитал пару дней назад.


Globalization


image
В различных языках и культурах, правила написания таких распространенных вещей как дата, денежные величины и дробные числа, могут сильно отличаться. Плагин Globalization, позволяет обрабатывать и преобразовывать эти величины в нужный формат. Он включает в себя правила для 350 различных культур и языков.
Узнать больше, скачать

WYSIWYG HTML-редактор


image
Плагин CLEditor предоставляет легкий, гибкий, кроссбраузерный WYSIWYG HTML- редактор, который можно без труда добавить на любую страницу.
Узнать больше, скачать

Плагин для работы с цветами


Плагин xcolor это простое в использовании расширение библиотеки jQuery, предоставляющее массу различных возможностей для работы с цветами. Вы можете комбинировать цвета, получать их монохромные версии, узнавать ближайшие безопасные цвета и многое другое. Кроме того, плагин расширяет возможности метода animate, позволяя ему плавно изменять свойства css, заданные цветовыми значениями (например, можно плавно изменить цвет фона у элемента). Все цвета могут быть заданы в различных форматах: RGB, HSV/HSB, HSL.
Узнать больше, скачать

Sexy.js


Миниатюрная библиотека, с помощью которой можно сделать код ваших ajax-запросов еще проще. Например, вместо


<link rel="stylesheet" href="css/comments.css" type="text/css" />


можно будет писать

Sexy
.js('/js/jquery.template.min.js')
.css('css/comments.css')
.text('comments.tpl')
.json('comments.json', function (data, status, tpl) {
  $.template(tpl, data).appendTo('#comments');
});

Узнать больше, скачать

Crazy Dots


image
Плагин jdCrazyDots создает анимацию «данные загружаются», не прибегая к использованию изображений (только css и html). Лучше всего это выглядит в браузерах, поддерживающих CSS3, но неплохо смотрится и в более старых версиях.
Узнать больше, скачать
Посмотреть в действии

Transform


Этот плагин позволяет производить простейшие геометрические преобразования (скосы, масштабирование, повороты, перемещения) html-элементов, как в браузерах, поддерживающих CSS3, так и в более старых версиях. Работает в Firefox 3.5+, Safari 3.1+, Chrome, Opera 10.5+ and IE 5.5+.
Узнать больше, скачать

Cute Balloon


image
Cute Balloon позволяет создавать весьма эффектные стикеры с заданным содержимым.
Узнать больше, скачать
Посмотреть в действии

gvChart


image
Плагин, который использует Google Charts для построения диаграмм. Он очень прост в использовании и позволяет создавать пять видов диаграмм: линейные, диаграммы-области, гистограммы, линейчатые гистограммы и круговые диаграммы.
Узнать больше, скачать
Посмотреть в действии

DDchart


image
Воспользовавшись плагином DDchart вы сможете строить анимированные гистограммы, по заданным в формате JSON данным.
Узнать больше, скачать
Посмотреть в действии

jQnotice


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

goMap


image
Плагин позволяет легко и просто добавлять google карты на ваш сайт, а так же производить некоторые манипуляции с ними.
Узнать больше, скачать
Примеры использования

jMapping


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

jQuery.validity


image
Использование этого плагина заметно облегчит задачу проверки введенных пользователем данных, а так же, уведомлении о допущенных при этом ошибках.
Узнать больше, скачать
Посмотреть в действии

Formation


image
Генерирует html-форму, которую вы зададите, с помощью методов этого плагина (никакого html). Кроме самих полей можно задавать правила проверки введенных в них данных.
Узнать больше, скачать

Animated Table Sort


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

Coin Slider


image
Так называемый слайдер. Организует просмотр группы картинок. Переход от одного изображения к другому происходит путем различных анимационных эффектов.
Узнать больше, скачать
Посмотреть в действии

Sudo Slider


image
Универсальный слайдер, с большим количеством различных возможностей. Он может быть использован для «перелистывания» не только изображений, но и любых других элементов страницы. Обладает всеми необходимыми возможностями. Например, он позволяет использовать сразу нескольких слайдеров на одной странице, может быть установлен в автоматический режим, обладает различными средствами «перелистывания» и.т.д.
Посмотреть в действии, скачать

jQuery.popeye 2.0


image
Миниатюрный, очень элегантный слайдер изображений.
Узнать больше, скачать
Посмотреть в действии

Easy Gallery


image
Легкая и простая в использовании галерея изображений.
Узнать больше, скачать
Посмотреть в действии

YoxView


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

Exposure


image
Плагин с элегантной галереей изображений.
Узнать больше, скачать
Посмотреть в действии

Cloud Zoom


image
Cloud Zoom позволит рассматривать изображения в деталях, увеличивая ту часть изображения, где находится курсор. Обладает несколькими режимами работы.
Посмотреть в действии, скачать

Lightbox_me


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

jTweetsAnywhere


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

So So Social


Этот плагин использует jQuery и YQL (Yahoo Query Language) для сбора RSS лент из различных социальных сетей.
Узнать больше, скачать
Перевод: Неизвестен
Константин @xostik
карма
70,2
рейтинг 0,0
Реклама помогает поддерживать и развивать наши сервисы

Подробнее
Реклама

Самое читаемое Разработка

Комментарии (28)

  • –34
    Чем ваш топик отличается от plugins.jquery.com/? Я вижу только отрицательные качества
    • –12
      ну с голосовалкой в пост и карму вы совладали, хоть что-то радует.
      а кто-то своё мнение выскажет?
    • +16
      Во-первых: Это обзор вроде как новинок и довольно интересных, а не просто список существующих плагинов.
      Во-вторых: представление плагина в этой статье мне куда приятнее — картинка действия и краткое описание на родном мне языке.
      В-третьих: чего плохого в том что человек потрудился и представил знания в удобном виде. Мне лично статья кажется полезное, за что и спасибо автору.
      • +1
        Спасибо.
        1. Плагины на самом деле не новы и некоторые даже проскакивали на хабре, например 26.05.2010 проскакивал Cloud Zoom, там даже было обсуждение использованной симпатичной девушки. Правда, сейчас этот топик заблокирован.
        3. Просто мне непонятно. Зашел на plugins.jquery.com/project/Plugins/date, взял топ, в двух словах описал — топик готов. Никакого исследования, плюсов-минусов, аналогов, сравнений — никакой авторской работы.
        Все-равно, если придется найти плагин, который «позволит рассматривать изображения в деталях, увеличивая ту часть изображения, где находится курсор», мне придется взять не плагин из топика, а детально прошерстить интенет, чтобы найти лучший. Потому что скорее всего автору просто понравилась картинка, но он его не использовал и внутри может быть очень сыро.
        • 0
          Блин:), ну честно, я просто так не хожу и не пойду на plugins.jquery.com, только для поиска решения на текущую задачу. Тут же автор представил наиболее интересные плагины на его взгляд, на мой тоже. Так бы я о них не знал, теперь буду знать, что такое есть в природе, а найти на любимом Вам plugins.jquery.com нужный плагин я смогу уже быстрее.
          • 0
            я пару раз ходил, но обычно я делаю что-то типа такого:
            google://jquery crop photos
  • +1
    Ссылка в jTweetsAnywhere ведёт на So So Social
    • 0
      Спасибо, исправил.
  • +2
    А мне картинка на Exposure почему-то напоминает сиськи.
    • +4
      Жениться Вам Барин пора :)
      • +5
        Через 2 недели у меня родится сын.
        Может воздержание так действует просто.
        • +1
          Тогда примите мои поздравления!
          P.s. Статья очень занимательная. Особенно анимация без gif понравилась. Жаль в ие опять проблемы.
    • –2
      Это лечится:)
  • +1
    Спасиб, как раз во время… )
  • 0
    Спасибо, добавил в избранное. Иногда бывает нужно прикрутить «что-нибудь этакое» к сайту, а времени шерстить plugins.jquery.com нет.
  • 0
    Замечательная подборка идет прямиком в избранное.
    Но кто-нибудь может пояснить, каким образом и с помощью чего реализованы графики? Моих поверхностных знаний JS не хватает.
    • 0
      svg
  • 0
    jQuery.popeye 2.0 очень понравился!!!
    спасибо за подборку!
  • +1
    статья для тех, кто не вкурсе о jquerytools.
    • 0
      А Вы пробовали в jQuery Tools на разных табах расположить их же Dateinput?
      Хорошая библиотека, но косяки плохо исправляют
      • 0
        Да там много проблем. Например, проблемы с создаваемыми Ajax-ом диалогами — несмотря на явное указание удалить диалог перед попыткой его создать, все равно остается элемент с тем же id, что приводит к тому что вновь созданный диалог просто не показывается, а старый уже пустой. Приходится делать свой «сборщик мусора».
        • 0
          Упс… это я про jQueryUI писал :)
      • 0
        Проект на гитхабе же. форк+мердж реквест и Ваш патч в основной ветке. Я слежу за проектом, так issue там создаются и резолвлятся довольно таки оперативно
  • 0
    весьма позновательно. для себя нашел несколько альтернатив, которые лишними не будут.
    спасибо.
  • 0
    Очень понравились плагины jQuery.popeye и gvChart. Беру на вооружение :)
  • НЛО прилетело и опубликовало эту надпись здесь
  • +1
    Спасибо большое.
    Не поленитесь в будущем для ленивцев составить ещё такие обзорчики ))
  • 0
    Formation.
    Прям во время. автор спасибо.

Только зарегистрированные пользователи могут оставлять комментарии. Войдите, пожалуйста.