﻿<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>WebDuty &#187; плагины</title>
	<atom:link href="http://webduty.ru/tag/%d0%bf%d0%bb%d0%b0%d0%b3%d0%b8%d0%bd%d1%8b/feed" rel="self" type="application/rss+xml" />
	<link>http://webduty.ru</link>
	<description>Блог посвящённый веб-технологиям</description>
	<lastBuildDate>Sat, 19 Feb 2011 15:46:56 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Список реально полезных плагинов для jQuery</title>
		<link>http://webduty.ru/%d1%81%d0%bf%d0%b8%d1%81%d0%be%d0%ba-%d0%bd%d1%83%d0%b6%d0%bd%d1%8b%d1%85-%d0%bf%d0%bb%d0%b0%d0%b3%d0%b8%d0%bd%d0%be%d0%b2-%d0%b4%d0%bb%d1%8f-jquery.htm</link>
		<comments>http://webduty.ru/%d1%81%d0%bf%d0%b8%d1%81%d0%be%d0%ba-%d0%bd%d1%83%d0%b6%d0%bd%d1%8b%d1%85-%d0%bf%d0%bb%d0%b0%d0%b3%d0%b8%d0%bd%d0%be%d0%b2-%d0%b4%d0%bb%d1%8f-jquery.htm#comments</comments>
		<pubDate>Thu, 02 Jul 2009 13:25:35 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[плагины]]></category>
		<category><![CDATA[список]]></category>

		<guid isPermaLink="false">http://webduty.ru/?p=488</guid>
		<description><![CDATA[jQuery в настоящее время является лучшей JavaScript-библиотекой. Она позволяет разрабатывать веб-приложения с достаточно быстрой скоростью, избавляя разработчика от рутины. Кроме того для jQuery существует огромное количество всевозможных плагинов, которые улучшают функционал этой замечательной библиотеки. О них и пойдет речь в этой статье. 
Я составил список плагинов и расширений, которые могут быть полезны для веб-разработчиков пишущих [...]]]></description>
			<content:encoded><![CDATA[<p><strong>jQuery</strong> в настоящее время является лучшей JavaScript-библиотекой. Она позволяет разрабатывать веб-приложения с достаточно быстрой скоростью, избавляя разработчика от рутины. Кроме того для <strong>jQuery</strong> существует огромное количество всевозможных плагинов, которые улучшают функционал этой замечательной библиотеки. О них и пойдет речь в этой статье. <img src="http://webduty.ru/wp-content/uploads/2009/07/cover1.jpg" alt="cover" title="cover" width="500" height="250" class="simple size-full wp-image-489" /><br />
Я составил список плагинов и расширений, которые могут быть полезны для веб-разработчиков пишущих на Javascript, используя <strong>jQuery</strong>. Конечно же, я не претендую на полноту списка, естественно существуют и другие очень полезные плагины, которые здесь не представлены. И если вы активно используете плагин, которого нет в моём списке, пожалуйста напишите его описание в комментариях в этой статье, и ссылку на сайт плагина. Заранее благодарен.<br />
В свою очередь я сам буду дополнять данный список.<br />
<span id="more-488"></span></p>
<h3>AJAX</h3>
<ul>
<li><noindex><a rel="nofollow" href="http://www.360innovate.co.uk/blog/2009/03/periodicalupdater-for-jquery/"  target="_blank">PeriodicalUpdater</a></noindex><br />
 Добавляет возможность управлять загрузкой контента, подгружать контент через определённые интервалы. Пытается оптимально нагружать браузер, дабы избежать его затупления (такое бывает).
 </li>
<li><noindex><a rel="nofollow" href="http://malsup.com/jquery/block/"  target="_blank">BlockUI</a></noindex><br />
 Позволяет имитировать синхронность поведения про использовании AJAX (технология AJAX использует асинхронную передачу данных), он не позволит пользователю что-либо делать со страницей (или с частью страницы), пока подгружаются данные.
 </li>
<li><noindex><a rel="nofollow" href="http://www.protofunc.com/scripts/jquery/ajaxManager/"  target="_blank">Ajax Manager</a></noindex><br />
 Позволяет более гибко управлять AJAX-запросами и ответами (например прерывание запроса).
 </li>
</ul>
<h3>Анимация &amp; Эффекты</h3>
<ul>
<li><noindex><a rel="nofollow" href="http://plugins.jquery.com/project/color"  target="_blank">Color Animation</a></noindex><br />
Осуществляет цветовую анимацию в jQuery 1.2+.</li>
<li><noindex><a rel="nofollow" href="http://www.protofunc.com/scripts/jquery/backgroundPosition/"  target="_blank">Background Position Animation</a></noindex><br />
Осуществляет анимацию, использую позицию фона.</li>
<li><noindex><a rel="nofollow" href="http://plugins.jquery.com/project/classAnim"  target="_blank">CSS Class Based Animations</a></noindex></li>
<li><noindex><a rel="nofollow" href="http://flesler.blogspot.com/2007/10/jqueryscrollto.html"  target="_blank">ScrollTo</a></noindex><br />
Плавный скроллинг к элементу страницы.</li>
<li><noindex><a rel="nofollow" href="http://webduty.ru/меню-в-стиле-mac-os-с-помощью-jquery-плагина-jqdock.htm" >jqDock</a></noindex><br />
Этот jQuery-плагин позволяет легко создавать меню в стиле MacOS (или эффект &#8220;fish eye&#8221;), превращая обычные изображения в расширяющуюся область, вертикальную или горизонтальную. jqDock хорошо работает во всех основных браузерах, включая Internet Explorer 6.
</li>
<li>
<noindex><a rel="nofollow" href="http://dev.mariusilie.net/content/simple-tooltip-jquery-plugin" >Very Simple Tooltip (mi)</a></noindex><br />
Реализует всплывающие подсказки.
</li>
</ul>
<h3>Графики &amp; диаграммы</h3>
<ul>
<li>
<noindex><a rel="nofollow" href="http://webduty.ru/jqplot-jquery-%D0%BF%D0%BB%D0%B0%D0%B3%D0%B8%D0%BD-%D0%B4%D0%BB%D1%8F-%D0%BF%D0%BE%D1%81%D1%82%D1%80%D0%BE%D0%B5%D0%BD%D0%B8%D1%8F-%D0%B3%D1%80%D0%B0%D1%84%D0%B8%D0%BA%D0%BE%D0%B2.htm"  target="_blank">jqPlot</a></noindex><br />
Один из лучших плагинов для построения всевозможных графиков и диаграмм.
</li>
<li>
<noindex><a rel="nofollow" href="http://code.google.com/p/flot/" >Flot</a></noindex><br />
Рисует графики произвольных наборов данных налету на стороне клиента. Работает практически во всех браузерах, в т.ч. IE6. Версия для IE8 в данный момент находится в разработке. Очень прост в использовании.
</li>
<li>
<noindex><a rel="nofollow" href="http://www.maxb.net/scripts/jgcharts/include/demo/"  target="_blank">Google Charts</a></noindex><br />
Рисует диаграммы Google API
</li>
</ul>
<h3>Дизайн</h3>
<ul>
<li>
<noindex><a rel="nofollow" href="http://malsup.com/jquery/corner/"  target="_blank">Corner</a></noindex><br />
C помощью этого плагина нужные блоки обретают оригинальные углы, причем углы очень разные: скруглённые, конические, вырезанные, перекушеные. А какие ещё вы знаете виды углов? Этот плагины может делать любые из них с помощью одной строчки. Например <em>$(this).corner(&#8220;30px&#8221;)</em> сделает углы скруглёнными с радиусом 30px.
</li>
<li><noindex><a rel="nofollow" href="http://www.kelvinluck.com/article/switch-stylesheets-with-jquery"  target="_blank">Переключатель стилей на jQuery</a></noindex></li>
</ul>
<h3>Работа с файлами</h3>
<ul>
<li>
<noindex><a rel="nofollow" href="http://www.filamentgroup.com/lab/update_automatically_preload_images_from_css_with_jquery/"  target="_blank">Preload CSS Images</a></noindex><br />
Автоматически подгружает все изображения, использованные в файлах CSS. Например изображения пунктов меню при наведении. Очень удобно.
</li>
<li>
<noindex><a rel="nofollow" href="http://www.appelsiini.net/projects/lazyload"  target="_blank">Lazy Load</a></noindex><br />
Полная противоположность предыдущему плагину. <strong>Lazy Load</strong> задерживает загрузку изображений на веб-страницах. Это применяется для длинных страниц. Изображения подгружаются по мере скроллинга. Т.е. как только изображение становится видимым пользователю, оно начинает подгружаться. Например я посоветовал бы этот плагин сайту <noindex><a rel="nofollow" href="http://tema.ru/" >tema.ru</a></noindex> в разделе путешествий. Там у Артемия Лебедева очень длинные страницы с фотографиями мест, которые он посетил. Всё бы круто, но трафик льётся очень быстро, т.к. фотографии качественные.
</li>
<li><noindex><a rel="nofollow" href="http://webduty.ru/jcrop-jquery-плагин-для-кадрирования-изображен.htm"  target="_blank">jCrop</a></noindex><br />
Плагин, который позволяет отрезать кусок изображения &#8220;налету&#8221;.</li>
<li><noindex><a rel="nofollow" href="http://webdeveloperplus.com/jquery/ajax-multiple-file-upload-form-using-jquery/" >File Uploader</a></noindex><br />
Очень удачная реализация загрузчика файлов и минимальным php-кодом и удобным интерфейсом.
</li>
<li>
<noindex><a rel="nofollow" href="http://www.uploadify.com/"  target="_blank">Uploadify</a></noindex><br />
Ещё один загрузчик файлов. Позволяет загружать одновременно несколько файлов.
</li>
</ul>
<h3>Шрифты</h3>
<ul>
<li>
<noindex><a rel="nofollow" href="http://code.google.com/p/jquery-fontavailable/"  target="_blank">FontAvailable</a></noindex><br />
Проверяет, поддерживает ли браузер тот или иной шрифт.
</li>
<li>
<noindex><a rel="nofollow" href="http://code.google.com/p/jquery-fontavailable/"  target="_blank">FontAvailable</a></noindex><br />
Позволяет использовать текстовые эффекты, такие как тень, градиент, блик и др.
</li>
</ul>
<h3>Таблицы</h3>
<ul>
<li>
<noindex><a rel="nofollow" href="http://tablesorter.com/docs/" target="_blank" title="JQuery Tablesorter 2.0" >Tablesorter</a></noindex><br />
Сортирует элементы таблицы.
</li>
<li>
<noindex><a rel="nofollow" href="http://franca.exofire.net/jq/colorize" target="_blank" >Colorize</a></noindex><br />
Раскрашивает таблицы, умеет достаточно много, например подсвечивать строчку/столбец при наведении.
</li>
</ul>
<h3>Формы</h3>
<ul>
<li>
<noindex><a rel="nofollow" href="http://digitalbush.com/projects/masked-input-plugin/"  target="_blank">Masked Input</a></noindex><br />
Позволяет применять маски для полей ввода, например __/__/____ для даты.
</li>
<li>
<noindex><a rel="nofollow" href="http://www.benjaminkeen.com/software/rsv/"  target="_blank">Really Simple Validation</a></noindex><br />
Самый простой способ проверки форм &#8220;налету&#8221;. Плагин очень прост в использовании.
</li>
<li>
<noindex><a rel="nofollow" href="http://arashkarimzadeh.com/index.php/jquery/7-editable-jquery-plugin.html"  target="_blank">Editable</a></noindex><br />
Позволяет преобразовать любой тег (span, div, p и др.) в поля ввода текста, пароля, выпадающий список. Т.е. делает редактируемым контент нужный блок страницы.
</li>
<li>
<noindex><a rel="nofollow" href="http://blog.blazed-designs.com/2009/06/12/jquery-plugin-clearform/"  target="_blank">FormClear</a></noindex><br />
Тупо очищает поля формы.
</li>
<li>
<noindex><a rel="nofollow" href="http://plugins.jquery.com/project/TextAreaResizer"  target="_blank">TextArea Resizer</a></noindex><br />
Этот плагин позволяет изменять размеры полей ввода текста.
</li>
</ul>
<h3>Аудио &amp; Видео</h3>
<ul>
<li><noindex><a rel="nofollow" href="http://www.contentwithstructure.com/extras/jmedia"  target="_blank">jMedia</a></noindex><br />
Позволяет быстро и просто вставить медиа-данные на сайт.</li>
<li><noindex><a rel="nofollow" href="http://malsup.com/jquery/media/"  target="_blank">jQuery Media Plugin</a></noindex><br />
Заменяет ссылки на медиа-файл в нужном блоке на слой с объектом. Например вместо ссылки на видео-ролик, будет слой с самим роликом.</li>
<li><noindex><a rel="nofollow" href="http://plugins.jquery.com/project/dbj_sound"  target="_blank">Page Sound Enabler</a></noindex><br />
Кроссбраузерный скрипт, включающий фоновый звук на веб-странице, который терпеть не могут большинство пользователей.</li>
</ul>
<h3>Карты</h3>
<ul>
<li><noindex><a rel="nofollow" href="http://code.google.com/p/jmaps/"  target="_blank">jMaps</a></noindex><br />
Представляет из себя простой API для создания и управления несколькими картами Google на одной странице.</li>
</ul>
<h3>Клавиатура &amp; Мышь</h3>
<ul>
<li>
<noindex><a rel="nofollow" href="http://rikrikrik.com/jquery/shortkeys/"  target="_blank">ShortKeys</a></noindex><br />
Плагин даёт возможность использовать &#8220;горячие клавиши&#8221;.
</li>
<li>
<noindex><a rel="nofollow" href="http://abeautifulsite.net/notebook.php?article=68"  target="_blank">Right Mouse</a></noindex><br />
Позволяет перехватывать событие нажатия правой кнопки мыши. Существует возможность отключить контекстное меню браузера, например для вызова собственного меню.
</li>
<li>
<noindex><a rel="nofollow" href="http://plugins.jquery.com/project/mousewheel"  target="_blank">Mouse Wheel</a></noindex><br />
Добавляет поддержку колеса прокрутки мыши. Просто пишите <em>$(&#8216;div.mousewheel_example&#8217;).mousewheel(fn);</em> и функция <em>fn</em> исполняется при прокрутке колеса.
</li>
</ul>
<h3>RSS</h3>
<ul>
<li>
<noindex><a rel="nofollow" href="http://www.hovinne.com/blog/index.php/2007/07/15/132-jfeed-jquery-rss-atom-feed-parser-plugin"  target="_blank">jFeed</a></noindex><br />
Парсер RSS/ATOM фидов. Поддерживает RSS 0.91, 0.92, 1.0, 2.0 и Atom 1.0 фиды.
</li>
<li>
<noindex><a rel="nofollow" href="http://www.rssreader.clashdesign.be/"  target="_blank">RssReader</a></noindex><br />
Позволяет добавить rss-канал на ваш сайт используя AJAX.
</li>
</ul>
<h3>Разное</h3>
<ul>
<li>
<noindex><a rel="nofollow" href="http://abeautifulsite.net/notebook/87"  target="_blank">jQuery Alert Dialogs</a></noindex><br />
Набор методов, которые обеспечивают вызов нестандартных алертов. <noindex><a rel="nofollow" href="http://abeautifulsite.net/notebook_files/87/demo/" >Примеры</a></noindex>
</li>
<li><noindex><a rel="nofollow" href="http://interface.eyecon.ro/demos/sort.html"  target="_blank">Sortables</a></noindex><br />
Свободное перемещение элементов по странице
</li>
</ul>
<p><em>Пока всё. Продолжение следует.</em></p>
]]></content:encoded>
			<wfw:commentRss>http://webduty.ru/%d1%81%d0%bf%d0%b8%d1%81%d0%be%d0%ba-%d0%bd%d1%83%d0%b6%d0%bd%d1%8b%d1%85-%d0%bf%d0%bb%d0%b0%d0%b3%d0%b8%d0%bd%d0%be%d0%b2-%d0%b4%d0%bb%d1%8f-jquery.htm/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>

