<?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/"
	>

<channel>
	<title>CompuPro - веб дизайн, Ajax, jQuery</title>
	<atom:link href="http://compupro.ru/feed" rel="self" type="application/rss+xml" />
	<link>http://compupro.ru</link>
	<description>PROфессионалам, настоящим и будущим, посвящается!</description>
	<pubDate>Tue, 26 Apr 2011 04:19:38 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.7.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Yahoo купила систему распознавания телепередач и планирует интегрировать ее в социальные сети</title>
		<link>http://compupro.ru/2011/04/26/1155.html</link>
		<comments>http://compupro.ru/2011/04/26/1155.html#comments</comments>
		<pubDate>Tue, 26 Apr 2011 04:18:38 +0000</pubDate>
		<dc:creator>masster</dc:creator>
		
		<category><![CDATA[News]]></category>

		<category><![CDATA[Новости]]></category>

		<category><![CDATA[iPhone]]></category>

		<category><![CDATA[Yahoo]]></category>

		<category><![CDATA[телевидение]]></category>

		<guid isPermaLink="false">http://compupro.ru/?p=1155</guid>
		<description><![CDATA[Никому не секрет, что друзья частенько любят обсуждать телевизионные передачи. В Интернете это происходит путем размещения сообщений на Facebook или Twitter. Надеясь извлечь выгоду из доминирующей роли темы телевидения в чатах, в которых пользователи обсуждают различные телепередачи, компания Yahoo заявила в понедельник, что она купила IntoNow -  приложение для мобильных телефонов, которое позволяет пользователю телефона [...]]]></description>
			<content:encoded><![CDATA[<p>Никому не секрет, что друзья частенько любят обсуждать телевизионные передачи. В Интернете это происходит путем размещения сообщений на Facebook или Twitter. Надеясь извлечь выгоду из доминирующей роли темы телевидения в чатах, в которых пользователи обсуждают различные телепередачи, компания Yahoo заявила в понедельник, что она купила <strong>IntoNow</strong> -  приложение для мобильных телефонов, которое позволяет пользователю телефона рассказывать друзьям, какие передачи он смотрит и обсуждать их. Идея заключается в создании виртуальной компании друзей, с которыми можно разделить удовольствие от просмотра телепередачи и обсуждать ее, даже если человек смотрит тедепередачу в одиночку. Yahoo не разглашает цену, которую она заплатила за данную программу.</p>
<p>Отличительной особенностью IntoNow является способность программы автоматически распознавать телепердачи. Если пользователь с помошью приложения просмотрит какую-либо передачу в течение нескольких секунд,  приложение, в теории, сможет определить название передачи или эпизод. IntoNow имеет обширную базу данных  по всем телеперадачам, которые показывали в течение последних пяти лет - это эквивалентно 266 годам программирования. Приложение также может обнаруживать новые программы на 130 каналах. После того, как приложение распознает, к примеру,  что передача называется &#8220;Отчаянные домохозяйки&#8221;, пользователи cмогут поделиться  этой информацией, не вводя это название в свои мобильные телефонаы. То же самое касается новостных программ, таких как CNN. &#8220;Cредства для распознавания контента - будь то ПК, мобильное устройство или телевизор - быстро набирают обороты&#8221;, заявил в пресс-релизе Yahoo Билл Шонесси, старший вице-президент по управлению продуктами и маркетингу. &#8220;Технология IntoNow сочетает в себе способность к фиксированию того, что потребитель смотрит, участвовать ему в разговорах, а также находить похожее содержание&#8221;. Yahoo заявила, что данная технология может быть использована через портал Yahoo, в том числе в поиске видео и мобильного контента. Приложение также может быть полезно в некоторых видах рекламы, с которой пользователи могут захотеть поделиться.  Приложение доступно только для iPhone, хотя команда IntoNow сказала в своем блоге в понедельник, что приобретение компанией Yahoo данного приложения поможет ей в создании приложений для Android и IPAD.</p>
<p>Источник: <a title="Yahoo Buys TV Chatting Technology" href="http://bits.blogs.nytimes.com/2011/04/25/yahoo-buys-tv-chatting-technology/?partner=rss&amp;emc=rss" target="_blank">The New York Times</a></p>
]]></content:encoded>
			<wfw:commentRss>http://compupro.ru/2011/04/26/1155.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>Всплывающая ссылка в начало, появляющаяся при прокрутке страницы</title>
		<link>http://compupro.ru/2011/04/20/1150.html</link>
		<comments>http://compupro.ru/2011/04/20/1150.html#comments</comments>
		<pubDate>Wed, 20 Apr 2011 06:39:19 +0000</pubDate>
		<dc:creator>masster</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<category><![CDATA[jQuery]]></category>

		<category><![CDATA[navigation]]></category>

		<category><![CDATA[top]]></category>

		<category><![CDATA[навигация]]></category>

		<guid isPermaLink="false">http://compupro.ru/?p=1150</guid>
		<description><![CDATA[Эта фича понравится тем, кто заботится о юзабилити своего сайта и хочет сделать навигацию комфортной для посетителей. Как это работает? При прокрутке страницы в правом нижнем углу появляется ссылка наверх в виде прямоугольника с гиперссылкой в начало. Все очень просто! Реализовано все это в виде плагина на jQuery.
Демо
]]></description>
			<content:encoded><![CDATA[<p>Эта фича понравится тем, кто заботится о юзабилити своего сайта и хочет сделать навигацию комфортной для посетителей. Как это работает? При прокрутке страницы в правом нижнем углу появляется ссылка наверх в виде прямоугольника с гиперссылкой в начало. Все очень просто! Реализовано все это в виде плагина на jQuery.</p>
<p><a href="http://davidwalsh.name/dw-content/top-of-page-jquery.php" target="_blank">Демо</a><img class="aligncenter size-full wp-image-1151" title="picture-10" src="http://compupro.ru/wp-content/uploads/2011/04/picture-10.png" alt="picture-10" width="117" height="66" /></p>
]]></content:encoded>
			<wfw:commentRss>http://compupro.ru/2011/04/20/1150.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>Живая лента (Google Buzz) на вашем сайте!</title>
		<link>http://compupro.ru/2011/04/14/1147.html</link>
		<comments>http://compupro.ru/2011/04/14/1147.html#comments</comments>
		<pubDate>Thu, 14 Apr 2011 16:09:40 +0000</pubDate>
		<dc:creator>masster</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<category><![CDATA[Google Buzz]]></category>

		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://compupro.ru/?p=1147</guid>
		<description><![CDATA[Это та самая Живая лента, которую недавно добавил Google в свой почтовый сервис Gmail. Этот виджет загружает из живой ленты все сообщения пользователя, ник которого указан в настройках. Google предлагает Google Buzz API  для получения содержимого Живой ленты (в формате Atom/RSS). Виджет конвертирует  формат  Atom/RSS в JSON формат.

Демо 1
Демо 2
]]></description>
			<content:encoded><![CDATA[<p>Это та самая Живая лента, которую недавно добавил Google в свой почтовый сервис Gmail. Этот виджет загружает из живой ленты все сообщения пользователя, ник которого указан в настройках. Google предлагает Google Buzz API  для получения содержимого Живой ленты (в формате Atom/RSS). Виджет конвертирует  формат  Atom/RSS в JSON формат.</p>
<p><a href="http://www.moretechtips.net/2010/02/google-buzz-widget-jquery-plugin.html"><img class="aligncenter size-medium wp-image-1148" title="Buzz" src="http://compupro.ru/wp-content/uploads/2011/04/snag-005-300x82.jpg" alt="Buzz" width="300" height="82" /></a></p>
<p><a href="http://google-buzz-widget.googlecode.com/svn/v1/demo1.htm" target="_blank">Демо 1</a></p>
<p><a href="http://google-buzz-widget.googlecode.com/svn/v1/demo2.htm" target="_self">Демо 2</a></p>
]]></content:encoded>
			<wfw:commentRss>http://compupro.ru/2011/04/14/1147.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>Динамическая газетная раскладка с помощью jQuery</title>
		<link>http://compupro.ru/2011/04/14/1144.html</link>
		<comments>http://compupro.ru/2011/04/14/1144.html#comments</comments>
		<pubDate>Thu, 14 Apr 2011 15:17:26 +0000</pubDate>
		<dc:creator>masster</dc:creator>
		
		<category><![CDATA[jQuery]]></category>

		<category><![CDATA[layout]]></category>

		<guid isPermaLink="false">http://compupro.ru/?p=1144</guid>
		<description><![CDATA[Этот плагин на лету размещает прямоугольные  блоки (текст, картинки) в виде максимально плотной упаковки. Возможна непрерывная прокрутка с отложенной загрузкой (lazy loading) c помощью Ajax. Еще очень эффектная фича - это анимированная перестройка раскладки при изменении размеров окна.






]]></description>
			<content:encoded><![CDATA[<p>Этот плагин на лету размещает прямоугольные  блоки (текст, картинки) в виде максимально плотной упаковки. Возможна непрерывная прокрутка с отложенной загрузкой (lazy loading) c помощью Ajax. Еще очень эффектная фича - это анимированная перестройка раскладки при изменении размеров окна.</p>
<div class="mceTemp mceIEcenter">
<dl id="attachment_1145" class="wp-caption aligncenter" style="width: 310px;">
<dt class="wp-caption-dt"><a title="jQuery plugin" href="http://desandro.com/demo/masonry/docs/" target="_blank"><img class="size-medium wp-image-1145" title="pic" src="http://compupro.ru/wp-content/uploads/2011/04/snag-001-300x177.jpg" alt="layout" width="300" height="177" /></a></dt>
<dd class="wp-caption-dd"></dd>
</dl>
</div>
]]></content:encoded>
			<wfw:commentRss>http://compupro.ru/2011/04/14/1144.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>Интерактивная  витрина для вашего интернет-магазина</title>
		<link>http://compupro.ru/2010/06/22/1140.html</link>
		<comments>http://compupro.ru/2010/06/22/1140.html#comments</comments>
		<pubDate>Tue, 22 Jun 2010 19:45:24 +0000</pubDate>
		<dc:creator>masster</dc:creator>
		
		<category><![CDATA[jQuery]]></category>

		<category><![CDATA[interactive]]></category>

		<category><![CDATA[picture]]></category>

		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://compupro.ru/?p=1140</guid>
		<description><![CDATA[
Идея приклеивать к изображениям горячие области (активные зоны) не нова - однако реализация этой идеи с помощью jQuery заслуживает внимания - очень изящное и простое решение превращает фотографию в великолепную интерактивную витрину интернет-магазина.  Все всплывающие слои (информационные блоки) имеют абсолютное позиционирование. Они располагаются в нужных местах и первоначально делаются невидимыми. Клики в горячих областях  запускают [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://buildinternet.com/2009/11/making-an-interactive-picture-with-jquery/"><img class="aligncenter size-medium wp-image-1141" title="Picture" src="http://compupro.ru/wp-content/uploads/2010/06/snag-003-300x226.jpg" alt="Picture" width="300" height="226" /></a></p>
<p>Идея приклеивать к изображениям горячие области (активные зоны) не нова - однако реализация этой идеи с помощью jQuery заслуживает внимания - очень изящное и простое решение превращает фотографию в великолепную интерактивную витрину интернет-магазина.  Все всплывающие слои (информационные блоки) имеют абсолютное позиционирование. Они располагаются в нужных местах и первоначально делаются невидимыми. Клики в горячих областях  запускают метод fadeIn, с помощью которых эти слои плавно проявляются и становятся видимыми.</p>
<p><a href="http://static.buildinternet.com/live-tutorials/interactive-picture/index.html">Демо</a> <a href="http://static.buildinternet.com/live-tutorials/interactive-picture/interactive_picture.zip">Скачать</a></p>
]]></content:encoded>
			<wfw:commentRss>http://compupro.ru/2010/06/22/1140.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>Календарь событий Plans</title>
		<link>http://compupro.ru/2010/06/22/1133.html</link>
		<comments>http://compupro.ru/2010/06/22/1133.html#comments</comments>
		<pubDate>Tue, 22 Jun 2010 13:43:45 +0000</pubDate>
		<dc:creator>masster</dc:creator>
		
		<category><![CDATA[Photoshop]]></category>

		<category><![CDATA[Web]]></category>

		<category><![CDATA[Web design]]></category>

		<category><![CDATA[календарь]]></category>

		<guid isPermaLink="false">http://compupro.ru/?p=1133</guid>
		<description><![CDATA[
Недавно мне понадобился календарь в виде органайзера, который бы умел экспортировать события в формат iCal. В принципе несложно написать такой виджет самостоятельно, но сначала я попробовал найти готовое блюдо в  сети. Поиск привел меня к календарю Plans, который, как оказалось, многое умеет и не уступает платным скриптам. Написан на Perl, легко инсталлируется, хорошо документирован. [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.planscalendar.com/index.php"><img class="aligncenter size-full wp-image-1134" title="plans" src="http://compupro.ru/wp-content/uploads/2010/06/picture-1.png" alt="plans" width="292" height="102" /></a></p>
<p>Недавно мне понадобился календарь в виде органайзера, который бы умел экспортировать события в формат iCal. В принципе несложно написать такой виджет самостоятельно, но сначала я попробовал найти готовое блюдо в  сети. Поиск привел меня к календарю Plans, который, как оказалось, многое умеет и не уступает платным скриптам. Написан на Perl, легко инсталлируется, хорошо документирован. Единственное, что вызвало недоумение, так это смесь самих данных (событий) и параметров их визуализации в одном  xml файле.</p>
]]></content:encoded>
			<wfw:commentRss>http://compupro.ru/2010/06/22/1133.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>В выдаче Google -  номера кредитных карточек пользователей социальной сети Blippy!</title>
		<link>http://compupro.ru/2010/04/25/1129.html</link>
		<comments>http://compupro.ru/2010/04/25/1129.html#comments</comments>
		<pubDate>Sun, 25 Apr 2010 05:39:43 +0000</pubDate>
		<dc:creator>masster</dc:creator>
		
		<category><![CDATA[News]]></category>

		<category><![CDATA[Новости]]></category>

		<category><![CDATA[Blippy]]></category>

		<category><![CDATA[credit cards]]></category>

		<guid isPermaLink="false">http://compupro.ru/?p=1129</guid>
		<description><![CDATA[
Пользуясь социальными сетями, надо проявлять осторожность - недавно было обнаружено, что поисковая система Google выдает в результатах поиска номера кредитных карточек и соответствующие атрибуты пользователей Blippy. Достаточно набрать в строке запроса Google слова site:blippy.com +&#8221;from card&#8221;, и вы получаете полную информацию о транзакциях и заказах, сделанных пользователями данной социальной сети. И хотя на сате Blippy [...]]]></description>
			<content:encoded><![CDATA[<p><img alt="" src="http://www.onedayonejob.com/wp-content/uploads/blippy-logo.png" title="Blippy" class="alignnone" width="120" height="92" /><br />
Пользуясь социальными сетями, надо проявлять осторожность - недавно было обнаружено, что поисковая система Google выдает в результатах поиска номера кредитных карточек и соответствующие атрибуты пользователей Blippy. Достаточно набрать в строке запроса Google слова site:blippy.com +&#8221;from card&#8221;, и вы получаете полную информацию о транзакциях и заказах, сделанных пользователями данной социальной сети. И хотя на сате Blippy пользователям обещают о неразглашении приватной информации, тем не менее приватная информация становится доступной третьим лицам. Видимо, существует некая ошибка  в работе системы управления контентом данной сети, которая приводит к такому результату.</p>
<p><em>Источник:</em> <a href="http://edition.cnn.com/2010/TECH/04/23/credit.card.numbers.mashable/index.html?hpt=Sbin">cnn.com</a></p>
]]></content:encoded>
			<wfw:commentRss>http://compupro.ru/2010/04/25/1129.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>Apple - стань разработчиком теперь за $99</title>
		<link>http://compupro.ru/2010/03/07/1127.html</link>
		<comments>http://compupro.ru/2010/03/07/1127.html#comments</comments>
		<pubDate>Sun, 07 Mar 2010 06:50:00 +0000</pubDate>
		<dc:creator>masster</dc:creator>
		
		<category><![CDATA[News]]></category>

		<category><![CDATA[Новости]]></category>

		<category><![CDATA[Apple]]></category>

		<category><![CDATA[developer]]></category>

		<category><![CDATA[iPhone]]></category>

		<guid isPermaLink="false">http://compupro.ru/?p=1127</guid>
		<description><![CDATA[Apple снизила стоимость вступительного ежегодного взноса до 99 долларов за право вступить  в сообщество Mac-разработчиков. Такая же цена установлена для разработчиков iPhone. В компании говорят, что надеются таким методом привлечь как можно больше сторонних разработчиков к платформе компании.
Источник: http://www.cybersecurity.ru/software/88871.html
]]></description>
			<content:encoded><![CDATA[<p>Apple снизила стоимость вступительного ежегодного взноса до 99 долларов за право вступить  в сообщество Mac-разработчиков. Такая же цена установлена для разработчиков iPhone. В компании говорят, что надеются таким методом привлечь как можно больше сторонних разработчиков к платформе компании.<br />
<em>Источник</em>: <a rel="nofollow" href="http://www.cybersecurity.ru/software/88871.html">http://www.cybersecurity.ru/software/88871.html</a></p>
]]></content:encoded>
			<wfw:commentRss>http://compupro.ru/2010/03/07/1127.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>25 лучших сайтов для изучающих jQuery - подробно, доступно и наглядно!</title>
		<link>http://compupro.ru/2010/01/23/1113.html</link>
		<comments>http://compupro.ru/2010/01/23/1113.html#comments</comments>
		<pubDate>Sat, 23 Jan 2010 15:39:46 +0000</pubDate>
		<dc:creator>masster</dc:creator>
		
		<category><![CDATA[jQuery]]></category>

		<category><![CDATA[Уроки]]></category>

		<category><![CDATA[tutorials]]></category>

		<guid isPermaLink="false">http://compupro.ru/?p=1113</guid>
		<description><![CDATA[Что такое UI?
jQuery



Download jQuery UI


Getting Started Guide »


jQuery UI Demos »


Введение в jQuery UI-часть 1




Read Part 1 »

Read Part 2 »



JQuery для продвинуттых: проект UI




Read the Article »


Как работают  jQuery UI виджеты – тюториал




View the Tutorial »



Beginners Guide to jQuery Sorting




View the Tutorial »


jQuery UI - виджет &#8220;Аккордеон&#8221; – часть 1




View the Tutorial »


Использование [...]]]></description>
			<content:encoded><![CDATA[<h2><a rel="nofollow" href="http://jqueryui.com/home">Что такое UI?</a></h2>
<p><a rel="nofollow"  href="http://jqueryui.com/home"><img   src="http://compupro.ru/wp-content/uploads/2010/01/jqueryui1.jpg" alt="jQuery UI Tutorials"></a>jQuery
</p>
<div id="downloadsource">
<ul>
<li><a rel="nofollow" href="http://jqueryui.com/home"><span>Download jQuery UI</span></a></li>
</ul>
<ul>
<li><a rel="nofollow" href="http://jqueryui.com/docs/Getting_Started"><span>Getting Started Guide »</span></a></li>
</ul>
<ul>
<li><a rel="nofollow" href="http://jqueryui.com/demos/"><span>jQuery UI Demos »</span></a></li>
</ul>
</div>
<h2><a rel="nofollow" href="http://www.reynoldsftw.com/2009/02/an-in-depth-look-at-jquery-ui-part-1/">Введение в jQuery UI-часть 1</a></h2>
<p><a rel="nofollow" href="http://www.reynoldsftw.com/2009/02/an-in-depth-look-at-jquery-ui-part-1/"><img height="100" width="320" src="http://compupro.ru/wp-content/uploads/2010/01/jqueryui2.jpg" alt="jQuery UI Tutorials"></a>
</p>
<div id="downloadsource">
<ul>
<p><a rel="nofollow" href="http://www.reynoldsftw.com/2009/02/an-in-depth-look-at-jquery-ui-part-1/" title="www.reynoldsftw.com"><span>Read Part 1 »</span></a></p>
</ul>
<p><ul><a rel="nofollow" href="http://www.reynoldsftw.com/2009/02/an-introduction-to-jquery-ui-part-2/" title="www.reynoldsftw.com"><span>Read Part 2 »</span></a>
</ul>
</p>
</div>
<h2><a rel="nofollow" href="http://www.ibm.com/developerworks/web/library/wa-aj-jquery5/index.html" title="www.ibm.com">JQuery для продвинуттых: проект UI</a></h2>
<p><a rel="nofollow" href="http://www.ibm.com/developerworks/web/library/wa-aj-jquery5/index.html" title="www.ibm.com"><img height="100" width="320" src="http://compupro.ru/wp-content/uploads/2010/01/jqueryui3.jpg" alt="jQuery UI Tutorials"></a>
</p>
<div id="downloadsource">
<ul>
<p><a rel="nofollow" href="http://www.ibm.com/developerworks/web/library/wa-aj-jquery5/index.html" title="www.ibm.com"><span>Read the Article »</span></a></p>
</ul>
</div>
<h2><a rel="nofollow" href="http://bililite.com/blog/understanding-jquery-ui-widgets-a-tutorial/" title="bililite.com">Как работают  jQuery UI виджеты – тюториал</a></h2>
<p><a rel="nofollow" href="http://bililite.com/blog/understanding-jquery-ui-widgets-a-tutorial/" title="bililite.com"><img height="100" width="320" src="http://compupro.ru/wp-content/uploads/2010/01/jqueryui4.jpg" alt="jQuery UI Tutorials"></a>
</p>
<div id="downloadsource">
<ul>
<p><a rel="nofollow" href="http://bililite.com/blog/understanding-jquery-ui-widgets-a-tutorial/" title="bililite.com"><span>View the Tutorial »</span></a></p>
</ul>
</div>
<p><span id="more-1113"></span></p>
<h2><a rel="nofollow" href="http://www.devirtuoso.com/2009/09/beginners-guide-to-jquery-sorting/" title="www.devirtuoso.com">Beginners Guide to jQuery Sorting</a></h2>
<p><a rel="nofollow" href="http://www.devirtuoso.com/2009/09/beginners-guide-to-jquery-sorting/" title="www.devirtuoso.com"><img height="100" width="320" src="http://compupro.ru/wp-content/uploads/2010/01/jqueryui5.jpg" alt="jQuery UI Tutorials"></a>
</p>
<div id="downloadsource">
<ul>
<p><a rel="nofollow" href="http://www.devirtuoso.com/2009/09/beginners-guide-to-jquery-sorting/" title="www.devirtuoso.com"><span>View the Tutorial »</span></a></p>
</ul>
</div>
<h2><a rel="nofollow" href="http://www.packtpub.com/article/jquery-ui-accordion-widget-part1" title="www.packtpub.com">jQuery UI - виджет &#8220;Аккордеон&#8221; – часть 1</a></h2>
<p><a rel="nofollow" href="http://www.packtpub.com/article/jquery-ui-accordion-widget-part1" title="www.packtpub.com"><img height="100" width="320" src="http://compupro.ru/wp-content/uploads/2010/01/jqueryui6.jpg" alt="jQuery UI Tutorials"></a>
</p>
<div id="downloadsource">
<ul>
<p><a rel="nofollow" href="http://www.packtpub.com/article/jquery-ui-accordion-widget-part1" title="www.packtpub.com"><span>View the Tutorial »</span></a></p>
</ul>
</div>
<h2><a rel="nofollow" href="http://aext.net/2009/12/learning-jquery-optimize-using-modal-window-or-dialog-box-in-jquery-ui/" title="aext.net">Использование модального и диалогового окон в  JQuery UI</a></h2>
<p><a rel="nofollow" href="http://aext.net/2009/12/learning-jquery-optimize-using-modal-window-or-dialog-box-in-jquery-ui/" title="aext.net"><img height="100" width="320" src="http://compupro.ru/wp-content/uploads/2010/01/jqueryui7.jpg" alt="jQuery UI Tutorials"></a></p>
</p>
<div id="downloadsource">
<ul>
<p><a rel="nofollow" href="http://aext.net/2009/12/learning-jquery-optimize-using-modal-window-or-dialog-box-in-jquery-ui/" title="aext.net"><span>View the Tutorial »</span></a></p>
</ul>
</div>
<h2><a rel="nofollow" href="http://net.tutsplus.com/tutorials/javascript-ajax/simple-draggable-element-persistence-with-jquery/" title="net.tutsplus.com">Простые перетаскиваемые объекты в jQuery</a></h2>
<p><a rel="nofollow" href="http://net.tutsplus.com/tutorials/javascript-ajax/simple-draggable-element-persistence-with-jquery/" title="net.tutsplus.com"><img height="100" width="320" src="http://compupro.ru/wp-content/uploads/2010/01/jqueryui8.jpg" alt="jQuery UI Tutorials"></a>
</p>
<div id="downloadsource">
<ul>
<p><a rel="nofollow" href="http://net.tutsplus.com/tutorials/javascript-ajax/simple-draggable-element-persistence-with-jquery/" title="net.tutsplus.com"><span>View the Tutorial »</span></a></p>
</ul>
</div>
<h2><a rel="nofollow" href="http://www.filamentgroup.com/lab/using_multiple_jquery_ui_themes_on_a_single_page/" title="www.filamentgroup.com">Использование разных тем jQuery UI на одной странице</a></h2>
<p><a rel="nofollow" href="http://www.filamentgroup.com/lab/using_multiple_jquery_ui_themes_on_a_single_page/" title="www.filamentgroup.com"><img height="100" width="320" src="http://compupro.ru/wp-content/uploads/2010/01/jqueryui9.jpg" alt="jQuery UI Tutorials"></a>
</p>
<div id="downloadsource">
<ul>
<p><a rel="nofollow" href="http://www.filamentgroup.com/lab/using_multiple_jquery_ui_themes_on_a_single_page/" title="www.filamentgroup.com"><span>View the Tutorial »</span></a></p>
</ul>
</div>
<h2><a rel="nofollow" href="http://www.ryancoughlin.com/2008/11/04/using-the-jquery-ui-slider/" title="www.ryancoughlin.com">Использование  jQuery UI слайдера</a></h2>
<p><a rel="nofollow" href="http://www.ryancoughlin.com/2008/11/04/using-the-jquery-ui-slider/" title="www.ryancoughlin.com"><img height="100" width="320" src="http://compupro.ru/wp-content/uploads/2010/01/jqueryui10.jpg" alt="jQuery UI Tutorials"></a>
</p>
<div id="downloadsource">
<ul>
<p><a rel="nofollow" href="http://www.ryancoughlin.com/2008/11/04/using-the-jquery-ui-slider/" title="www.ryancoughlin.com"><span>View the Tutorial »</span></a></p>
</ul>
</div>
<h2><a rel="nofollow" href="http://net.tutsplus.com/tutorials/javascript-ajax/exactly-how-to-create-a-custom-jquery-accordion/" title="net.tutsplus.com">Как создать аккордеон (виджет)?</a></h2>
<p><a rel="nofollow" href="http://net.tutsplus.com/tutorials/javascript-ajax/exactly-how-to-create-a-custom-jquery-accordion/" title="net.tutsplus.com"><img height="100" width="320" src="http://compupro.ru/wp-content/uploads/2010/01/jqueryui11.jpg" alt="jQuery UI Tutorials"></a>
</p>
<div id="downloadsource">
<ul>
<p><a rel="nofollow" href="http://net.tutsplus.com/tutorials/javascript-ajax/exactly-how-to-create-a-custom-jquery-accordion/" title="net.tutsplus.com"><span>View the Tutorial »</span></a></p>
</ul>
</div>
<h2><a rel="nofollow" href="http://tutorialzine.com/2009/10/google-wave-history-slider-jquery/" title="tutorialzine.com">Создание слайдера в стиле Google</a></h2>
<p><a rel="nofollow" href="http://tutorialzine.com/2009/10/google-wave-history-slider-jquery/" title="tutorialzine.com"><img height="100" width="320" src="http://compupro.ru/wp-content/uploads/2010/01/jqueryui13.jpg" alt="jQuery UI Tutorials"></a>
</p>
<div id="downloadsource">
<ul>
<p><a rel="nofollow" href="http://tutorialzine.com/2009/10/google-wave-history-slider-jquery/" title="tutorialzine.com"><span>View the Tutorial »</span></a></p>
</ul>
</div>
<h2><a rel="nofollow" href="http://net.tutsplus.com/tutorials/javascript-ajax/drag-to-share/" title="net.tutsplus.com">Перетаскивние с помощью jQuery UI</a></h2>
<p><a rel="nofollow" href="http://net.tutsplus.com/tutorials/javascript-ajax/drag-to-share/" title="net.tutsplus.com"><img height="100" width="320" src="http://compupro.ru/wp-content/uploads/2010/01/jqueryui14.jpg" alt="jQuery UI Tutorials"></a>
</p>
<div id="downloadsource">
<ul>
<p><a rel="nofollow" href="http://net.tutsplus.com/tutorials/javascript-ajax/drag-to-share/" title="net.tutsplus.com"><span>View the Tutorial »</span></a></p>
</ul>
</div>
<h2><a rel="nofollow" href="http://webdeveloperplus.com/jquery/featured-content-slider-using-jquery-ui/" title="webdeveloperplus.com">Создание слайдера с помощью jQuery UI</a></h2>
<p><a rel="nofollow" href="http://webdeveloperplus.com/jquery/featured-content-slider-using-jquery-ui/" title="webdeveloperplus.com"><img height="100" width="320" src="http://compupro.ru/wp-content/uploads/2010/01/jqueryui15.jpg" alt="jQuery UI Tutorials"></a>
</p>
<div id="downloadsource">
<ul>
<p><a rel="nofollow" href="http://webdeveloperplus.com/jquery/featured-content-slider-using-jquery-ui/" title="webdeveloperplus.com"><span>View the Tutorial »</span></a></p>
</ul>
</div>
<h2><a rel="nofollow" href="http://net.tutsplus.com/tutorials/javascript-ajax/making-a-content-slider-with-jquery-ui/" title="net.tutsplus.com">Создание слайдера содержания с помощью jQuery UI</a></h2>
<p><a rel="nofollow" href="http://net.tutsplus.com/tutorials/javascript-ajax/making-a-content-slider-with-jquery-ui/" title="net.tutsplus.com"><img height="100" width="320" src="http://compupro.ru/wp-content/uploads/2010/01/jqueryui16.jpg" alt="jQuery UI Tutorials"></a>
</p>
<div id="downloadsource">
<ul>
<p><a rel="nofollow" href="http://net.tutsplus.com/tutorials/javascript-ajax/making-a-content-slider-with-jquery-ui/" title="net.tutsplus.com"><span>View the Tutorial »</span></a></p>
</ul>
</div>
<h2><a rel="nofollow" href="http://css-tricks.com/jquery-ui-tabs-with-nextprevious/" title="css-tricks.com">jQuery UI закладки След/Пред</a></h2>
<p><a rel="nofollow" href="http://css-tricks.com/jquery-ui-tabs-with-nextprevious/" title="css-tricks.com"><img height="100" width="320" src="http://compupro.ru/wp-content/uploads/2010/01/jqueryui17.jpg" alt="jQuery UI Tutorials"></a>
</p>
<div id="downloadsource">
<ul>
<p><a rel="nofollow" href="http://css-tricks.com/jquery-ui-tabs-with-nextprevious/" title="css-tricks.com"><span>View the Tutorial »</span></a></p>
</ul>
</div>
<h2><a rel="nofollow" href="http://viralpatel.net/blogs/2009/04/jquery-tabs-create-html-tabs-using-jquery-ui.html" title="viralpatel.net">jQuery закладки: создание  HTML закладок с использованием jQuery UI</a></h2>
<p><a rel="nofollow" href="http://viralpatel.net/blogs/2009/04/jquery-tabs-create-html-tabs-using-jquery-ui.html" title="viralpatel.net"><img height="100" width="320" src="http://compupro.ru/wp-content/uploads/2010/01/jqueryui18.jpg" alt="jQuery UI Tutorials"></a>
</p>
<div id="downloadsource">
<ul>
<p><a rel="nofollow" href="http://viralpatel.net/blogs/2009/04/jquery-tabs-create-html-tabs-using-jquery-ui.html" title="viralpatel.net"><span>View the Tutorial »</span></a></p>
</ul>
</div>
<h2><a rel="nofollow" href="http://www.raymondselda.com/create-a-tabbed-content-rotator-using-jquery/" title="www.raymondselda.com">Create A Tabbed Content Rotator Using jQuery</a></h2>
<p><a rel="nofollow" href="http://www.raymondselda.com/create-a-tabbed-content-rotator-using-jquery/" title="www.raymondselda.com"><img height="100" width="320" src="http://compupro.ru/wp-content/uploads/2010/01/jqueryui19.jpg" alt="jQuery UI Tutorials"></a>
</p>
<div id="downloadsource">
<ul>
<p><a rel="nofollow" href="http://www.raymondselda.com/create-a-tabbed-content-rotator-using-jquery/" title="www.raymondselda.com"><span>View the Tutorial »</span></a></p>
</ul>
</div>
<h2><a rel="nofollow" href="http://www.ryancoughlin.com/2008/11/23/combining-selectables-and-draggables-using-jquery-ui/" title="www.ryancoughlin.com">Комбинирование перетаскиваемых и выделяемых объектов с помощью  jQuery UI</a></h2>
<p><a rel="nofollow" href="http://www.ryancoughlin.com/2008/11/23/combining-selectables-and-draggables-using-jquery-ui/" title="www.ryancoughlin.com"><img height="100" width="320" src="http://compupro.ru/wp-content/uploads/2010/01/jqueryui20.jpg" alt="jQuery UI Tutorials"></a>
</p>
<div id="downloadsource">
<ul>
<p><a rel="nofollow" href="http://www.ryancoughlin.com/2008/11/23/combining-selectables-and-draggables-using-jquery-ui/" title="www.ryancoughlin.com"><span>View the Tutorial »</span></a></p>
</ul>
</div>
<h2><a rel="nofollow" href="http://design-notes.info/tutorial/jquery-tutorial/build-a-simple-cost-estimator-with-jquery-ui-slider/" title="design-notes.info">Построение простого измерителя стоимости с помощью jQuery UI слайдера</a></h2>
<p><a rel="nofollow" href="http://design-notes.info/tutorial/jquery-tutorial/build-a-simple-cost-estimator-with-jquery-ui-slider/" title="design-notes.info"><img height="100" width="320" src="http://compupro.ru/wp-content/uploads/2010/01/jqueryui21.jpg" alt="jQuery UI Tutorials"></a>
</p>
<div id="downloadsource">
<ul>
<p><a rel="nofollow" href="http://design-notes.info/tutorial/jquery-tutorial/build-a-simple-cost-estimator-with-jquery-ui-slider/" title="design-notes.info"><span>View the Tutorial »</span></a></p>
</ul>
</div>
<h2><a rel="nofollow" href="http://www.reynoldsftw.com/2009/09/custom-404-with-jquery-and-jquery-ui/" title="www.reynoldsftw.com">Ручная обработка команды 404 с помощью jQuery и jQuery UI</a></h2>
<p><a rel="nofollow" href="http://www.reynoldsftw.com/2009/09/custom-404-with-jquery-and-jquery-ui/" title="www.reynoldsftw.com"><img height="100" width="320" src="http://compupro.ru/wp-content/uploads/2010/01/jqueryui22.jpg" alt="jQuery UI Tutorials"></a>
</p>
<div id="downloadsource">
<ul>
<p><a rel="nofollow" href="http://www.reynoldsftw.com/2009/09/custom-404-with-jquery-and-jquery-ui/" title="www.reynoldsftw.com"><span>View the Tutorial »</span></a></p>
</ul>
</div>
<h2><a rel="nofollow" href="http://jqueryui.com/themeroller/" title="jqueryui.com">jQuery UI – начианем изучать с темой ThemeRoller</a></h2>
<p><a rel="nofollow" href="http://jqueryui.com/themeroller/" title="jqueryui.com"><img height="100" width="320" src="http://compupro.ru/wp-content/uploads/2010/01/jqueryui23.jpg" alt="jQuery UI Tutorials"></a>
</p>
<div id="downloadsource">
<ul>
<p><a rel="nofollow" href="http://jqueryui.com/themeroller/" title="jqueryui.com"><span>View the Tutorial »</span></a></p>
</ul>
</div>
<h2><a rel="nofollow" href="http://www.filamentgroup.com/lab/developer_your_own_jquery_themeroller_ready_components/" title="www.filamentgroup.com">Создание собственных компонент jQuery “ThemeRoller-Ready”</a></h2>
<p><a rel="nofollow" href="http://www.filamentgroup.com/lab/developer_your_own_jquery_themeroller_ready_components/" title="www.filamentgroup.com"><img height="100" width="320" src="http://compupro.ru/wp-content/uploads/2010/01/jqueryui24.jpg" alt="jQuery UI Tutorials"></a>
</p>
<div id="downloadsource">
<ul>
<p><a rel="nofollow" href="http://www.filamentgroup.com/lab/developer_your_own_jquery_themeroller_ready_components/" title="www.filamentgroup.com"><span>View the Tutorial »</span></a></p>
</ul>
</div>
<h2><a rel="nofollow" href="http://jqueryui.com/docs/Theming/CustomThemes" title="jqueryui.com">The jQuery UI CSS фреймворк – введение в разработку собственных тем</a></h2>
<p><a rel="nofollow" href="http://jqueryui.com/docs/Theming/CustomThemes" title="jqueryui.com"><img height="100" width="320" src="http://compupro.ru/wp-content/uploads/2010/01/jqueryui25.jpg" alt="jQuery UI Tutorials"></a>
</p>
<div id="downloadsource">
<ul>
<p><a rel="nofollow" href="http://jqueryui.com/docs/Theming/CustomThemes" title="jqueryui.com"><span>Read the Article »</span></a></p>
</ul>
</div>
<h2><a rel="nofollow" href="http://www.filamentgroup.com/lab/styling_buttons_and_toolbars_with_the_jquery_ui_css_framework/" title="www.filamentgroup.com">Стилизация кнопок и тулбаровс помощью jQuery UI CSS фреймворка</a></h2>
<p><a rel="nofollow" href="http://www.filamentgroup.com/lab/styling_buttons_and_toolbars_with_the_jquery_ui_css_framework/" title="www.filamentgroup.com"><img height="100" width="320" src="http://compupro.ru/wp-content/uploads/2010/01/jqueryui26.jpg" alt="jQuery UI Tutorials"></a>
</p>
<div id="downloadsource">
<ul>
<p><a rel="nofollow" href="http://www.filamentgroup.com/lab/styling_buttons_and_toolbars_with_the_jquery_ui_css_framework/" title="www.filamentgroup.com"><span>View the Tutorial »</span></a></p>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://compupro.ru/2010/01/23/1113.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>Построение диаграмм и графиков с помощью jQuery</title>
		<link>http://compupro.ru/2010/01/22/1106.html</link>
		<comments>http://compupro.ru/2010/01/22/1106.html#comments</comments>
		<pubDate>Fri, 22 Jan 2010 18:31:41 +0000</pubDate>
		<dc:creator>masster</dc:creator>
		
		<category><![CDATA[CSS]]></category>

		<category><![CDATA[jQuery]]></category>

		<category><![CDATA[diagramm]]></category>

		<category><![CDATA[graphs]]></category>

		<guid isPermaLink="false">http://compupro.ru/?p=1106</guid>
		<description><![CDATA[Я уже приводил подборку для рисования диаграмм и графиков. Эти Приведенные ниже скрипты  (плагины) на jQuery дополняют указанную подборку и помогут вам привлекательно и изящно представить на сайте любые динамические данные - к примеру, число загрузок по дате, трафик, интенсивность покупок по месяцам, и т.д.   

jQuery Visualize Plugin


Flot

jQchart – jQuery Chart Plugin

jQchart [...]]]></description>
			<content:encoded><![CDATA[<p>Я уже приводил <a href="http://compupro.ru/2009/05/22/722.html">подборку</a> для рисования диаграмм и графиков. Эти Приведенные ниже скрипты  (плагины) на jQuery дополняют указанную подборку и помогут вам привлекательно и изящно представить на сайте любые динамические данные - к примеру, число загрузок по дате, трафик, интенсивность покупок по месяцам, и т.д.   </p>
<p></p>
<p><a rel="nofollow" title="jquery_visualize_plugin_accessible_charts_graphs_from_tables_html5_canvas" href="http://www.filamentgroup.com/lab/jquery_visualize_plugin_accessible_charts_graphs_from_tables_html5_canvas" target="_blank"><strong>jQuery Visualize Plugin</strong></a></p>
<p><a rel="nofollow" href="http://www.filamentgroup.com/lab/jquery_visualize_plugin_accessible_charts_graphs_from_tables_html5_canvas" target="_blank"><img class="alignnone size-full wp-image-3137"  title="fila" src="http://compupro.ru/wp-content/uploads/2010/01/fila.jpg" alt="" height="430" width="500"></a></p>
<p><span id="more-1106"></span></p>
<p><a rel="nofollow" title="flot" href="http://code.google.com/p/flot" target="_blank"><strong>Flot</strong></a></p>
<p><a rel="nofollow" href="http://code.google.com/p/flot" target="_blank"><img class="alignnone size-full wp-image-3138"  title="flot" src="http://compupro.ru/wp-content/uploads/2010/01/flot.jpg" alt="" height="430" width="500"></a></p>
<p><a rel="nofollow" title="jqchart-jquery-chart-plugin" href="http://www.jquery.wisdomplug.com/jquery-plugins/jquery-charting-plugins/jqchart-jquery-chart-plugin" target="_blank"><strong>jQchart – jQuery Chart Plugin</strong></a></p>
<p><a rel="nofollow" href="http://www.jquery.wisdomplug.com/jquery-plugins/jquery-charting-plugins/jqchart-jquery-chart-plugin" target="_blank"><img class="alignnone size-full wp-image-3139"  title="jq" src="http://compupro.ru/wp-content/uploads/2010/01/jq1.jpg" alt="" height="430" width="500"></a></p>
<p><a rel="nofollow" title="use-gradient" href="http://jsgt.org/lib/jquery/plugin/jqchart/sample/v003/test-use-gradient.html" target="_blank"><strong>jQchart + CanvasGradient</strong></a></p>
<p><a rel="nofollow" href="http://jsgt.org/lib/jquery/plugin/jqchart/sample/v003/test-use-gradient.html" target="_blank"><img class="alignnone size-full wp-image-3140"  title="jqc" src="http://compupro.ru/wp-content/uploads/2010/01/jqc.jpg" alt="" height="430" width="500"></a></p>
<p><a rel="nofollow" title="jqplot" href="http://www.jqplot.com/" target="_blank"><strong>jqPlot</strong></a></p>
<p><a rel="nofollow" href="http://www.jqplot.com/" target="_blank"><img class="alignnone size-full wp-image-3141"  title="jqplot" src="http://compupro.ru/wp-content/uploads/2010/01/jqplot.jpg" alt="" height="430" width="500"></a></p>
<p><a rel="nofollow" title="mob" href="http://moblur.org/workshop/jflot_intro" target="_blank"><strong>jQuery + Flot – Plots, Canvas and Charts</strong></a></p>
<p><a rel="nofollow" href="http://moblur.org/workshop/jflot_intro" target="_blank"><img class="alignnone size-full wp-image-3142"  title="mob" src="http://compupro.ru/wp-content/uploads/2010/01/mob.jpg" alt="" height="430" width="500"></a></p>
<p><a rel="nofollow" title="fun-with-canvas-create-a-jquery-graph-plugin" href="http://net.tutsplus.com/tutorials/javascript-ajax/fun-with-canvas-create-a-jquery-graph-plugin" target="_blank"><strong>Fun With Canvas: Create a jQuery Graph Plugin</strong></a></p>
<p><a rel="nofollow" href="http://net.tutsplus.com/tutorials/javascript-ajax/fun-with-canvas-create-a-jquery-graph-plugin" target="_blank"><img class="alignnone size-full wp-image-3143"  title="net" src="http://compupro.ru/wp-content/uploads/2010/01/net1.jpg" alt="" height="430" width="500"></a></p>
<p><a rel="nofollow" title="jquery.sparkline" href="http://www.omnipotent.net/jquery.sparkline" target="_blank"><strong>jQuery Sparklines</strong></a></p>
<p><a rel="nofollow" href="http://www.omnipotent.net/jquery.sparkline" target="_blank"><img class="alignnone size-full wp-image-3144"  title="spark" src="http://compupro.ru/wp-content/uploads/2010/01/spark.jpg" alt="" height="430" width="500"></a></p>
<p><a rel="nofollow" title="tufte-graph" href="http://xaviershay.github.com/tufte-graph" target="_blank"><strong>TufteGraph</strong></a></p>
<p><a rel="nofollow" href="http://xaviershay.github.com/tufte-graph" target="_blank"><img class="alignnone size-full wp-image-3145"  title="tuft" src="http://compupro.ru/wp-content/uploads/2010/01/tuft.jpg" alt="" height="430" width="500"></a></p>
<p>Источник<br />
<a rel="nofollow" href="http://www.webm.ag/2010/01/21/creating-charts-and-graphs-using-jquery/">Creating Charts And Graphs Using jQuery</a></p>
]]></content:encoded>
			<wfw:commentRss>http://compupro.ru/2010/01/22/1106.html/feed</wfw:commentRss>
		</item>
	</channel>
</rss>

