<?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>Мир CSS</title>
	<atom:link href="http://cssworld.ru/feed/" rel="self" type="application/rss+xml" />
	<link>http://cssworld.ru</link>
	<description>Про css, html, ajax и многое другое...</description>
	<lastBuildDate>Thu, 22 Jul 2010 09:43:27 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Пускаем пузыри</title>
		<link>http://cssworld.ru/puskaem-puzyri/</link>
		<comments>http://cssworld.ru/puskaem-puzyri/#comments</comments>
		<pubDate>Thu, 22 Jul 2010 09:42:55 +0000</pubDate>
		<dc:creator>cssmaster</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Интересное]]></category>
		<category><![CDATA[анимация]]></category>
		<category><![CDATA[фон]]></category>

		<guid isPermaLink="false">http://cssworld.ru/?p=397</guid>
		<description><![CDATA[Bubble Engine &#8211; красивый плагин JQuery который может очень миленько имитировать мыльные пузыри. Можно менять количество источников пузырей, скорость пузырей, да и вообще сами пузыри можно заменить на что нибудь другое. Например на сердечки или звезды (искры). Сайт с примерами и с ссылкой на скачивание]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcssworld.ru%2Fpuskaem-puzyri%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcssworld.ru%2Fpuskaem-puzyri%2F&amp;style=normal&amp;service=TinyURL.com" height="61" width="50" /><br />
			</a>
		</div>
<p><img src="http://cssworld.ru/wp-content/uploads/2010/07/boobles.png" alt="" title="boobles" width="540" height="255" class="alignnone size-full wp-image-398" /><br />
<strong>Bubble Engine</strong> &#8211; красивый плагин JQuery который может очень миленько имитировать  мыльные пузыри.<br />
Можно менять количество источников пузырей, скорость пузырей, да и вообще сами пузыри можно заменить на что нибудь другое. Например на сердечки или звезды (искры).<span id="more-397"></span><br />
<a href="http://www.soyos.net/bubble-engine-plugin-for-jquery.html">Сайт с примерами и с ссылкой на скачивание</a></p>
]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/puskaem-puzyri/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>XHTML-Cafe</title>
		<link>http://cssworld.ru/xhtml-cafe/</link>
		<comments>http://cssworld.ru/xhtml-cafe/#comments</comments>
		<pubDate>Tue, 25 May 2010 08:53:56 +0000</pubDate>
		<dc:creator>cssmaster</dc:creator>
				<category><![CDATA[CSS-Сайты]]></category>
		<category><![CDATA[Красивые сайты]]></category>

		<guid isPermaLink="false">http://cssworld.ru/?p=390</guid>
		<description><![CDATA[Давно уже не было красивых сайтов. XHTML-Cafe &#8211; предлагает услуги по верстке и интеграции шаблонов в различные CMS]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcssworld.ru%2Fxhtml-cafe%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcssworld.ru%2Fxhtml-cafe%2F&amp;style=normal&amp;service=TinyURL.com" height="61" width="50" /><br />
			</a>
		</div>
<p><img src="http://cssworld.ru/wp-content/uploads/2010/05/xhtml-cafe.jpg" alt="" title="xhtml-cafe" width="540" height="260" class="alignnone size-full wp-image-391" /><br />
Давно уже не было красивых сайтов. <a href="http://xhtmlcafe.net/">XHTML-Cafe</a> &#8211; предлагает услуги по верстке и интеграции шаблонов в различные CMS <span id="more-390"></span></p>
]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/xhtml-cafe/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Pines Notify:Всплывающие уведомления</title>
		<link>http://cssworld.ru/tips/</link>
		<comments>http://cssworld.ru/tips/#comments</comments>
		<pubDate>Mon, 24 May 2010 11:26:57 +0000</pubDate>
		<dc:creator>cssmaster</dc:creator>
				<category><![CDATA[Верстка]]></category>
		<category><![CDATA[подсказки]]></category>

		<guid isPermaLink="false">http://cssworld.ru/?p=387</guid>
		<description><![CDATA[JQuery плагин для отображения настраиваемых всплывающих уведомлений. Уведомляющие блоки можно установить для отображения в любой части веб-страницы, а также могут быть настроены на автоматическое исчезновение или при помощи кнопки &#171;Закрыть&#187;. Есть возможность использовать HTML в title, и тексте, изменять непрозрачность и использовать пользовательские анимации. Может использоваться при событии :hover Скачать, просмотреть примеры и почитать мануал [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcssworld.ru%2Ftips%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcssworld.ru%2Ftips%2F&amp;style=normal&amp;service=TinyURL.com" height="61" width="50" /><br />
			</a>
		</div>
<p><img src="http://cssworld.ru/wp-content/uploads/2010/05/pines-notify.jpg" alt="" title="pines-notify" width="540" height="159" class="alignnone size-full wp-image-388" /><br />
JQuery плагин для отображения настраиваемых всплывающих уведомлений.<br />
Уведомляющие блоки можно установить для отображения в любой части веб-страницы, а также могут быть настроены на автоматическое исчезновение  или при помощи кнопки &laquo;Закрыть&raquo;.<br />
<span id="more-387"></span><br />
Есть возможность использовать HTML в title, и тексте, изменять непрозрачность и использовать пользовательские анимации.<br />
Может использоваться при событии :hover<br />
Скачать, просмотреть примеры и почитать мануал можно на <a href="http://pines.hg.sourceforge.net/hgweb/pines/pnotify/raw-file/tip/index.html">сайте</a></p>
]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/tips/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Подключаем нестандартные шрифты</title>
		<link>http://cssworld.ru/podklyuchaem-nestandartnye-shrifty/</link>
		<comments>http://cssworld.ru/podklyuchaem-nestandartnye-shrifty/#comments</comments>
		<pubDate>Fri, 21 May 2010 08:46:35 +0000</pubDate>
		<dc:creator>cssmaster</dc:creator>
				<category><![CDATA[Верстка]]></category>
		<category><![CDATA[текст]]></category>
		<category><![CDATA[шрифт]]></category>

		<guid isPermaLink="false">http://cssworld.ru/?p=385</guid>
		<description><![CDATA[Появилась прекрасная возможность без геморроя использовать на сайте нестандартные шрифты. Помог нам в этом всеми любимый Google. При подключении файла стилей, расположенного на сервере гугла, происходит автоматическое определение браузера и нужного формата. Описание API Каталог шрифтов для использования совместно с API]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcssworld.ru%2Fpodklyuchaem-nestandartnye-shrifty%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcssworld.ru%2Fpodklyuchaem-nestandartnye-shrifty%2F&amp;style=normal&amp;service=TinyURL.com" height="61" width="50" /><br />
			</a>
		</div>
<p><img src="http://cssworld.ru/wp-content/uploads/2010/05/google-fonts.jpg" alt="" title="google-fonts" width="540" height="161" class="alignnone size-full wp-image-384" /><br />
Появилась прекрасная возможность без геморроя использовать на сайте нестандартные шрифты. Помог нам в этом всеми любимый Google.<span id="more-385"></span><br />
При подключении файла стилей, расположенного на сервере гугла, происходит автоматическое определение браузера и нужного формата.<br />
<a href="http://code.google.com/apis/webfonts/">Описание API</a><br />
<a href="http://code.google.com/webfonts">Каталог шрифтов</a> для использования совместно с API</p>
]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/podklyuchaem-nestandartnye-shrifty/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Выдвижное меню</title>
		<link>http://cssworld.ru/stack-menu/</link>
		<comments>http://cssworld.ru/stack-menu/#comments</comments>
		<pubDate>Wed, 19 May 2010 11:49:22 +0000</pubDate>
		<dc:creator>cssmaster</dc:creator>
				<category><![CDATA[Интересное]]></category>
		<category><![CDATA[Меню]]></category>

		<guid isPermaLink="false">http://cssworld.ru/?p=379</guid>
		<description><![CDATA[JQuery UI виджет, который преобразует вложенные элементы списка в красивые меню. Красивое раскрывающееся меню с плавной анимацией. Контролировать можно следующее: Когда она открывается и закрывается Направление открытия Радиус дуги Время, необходимое для открытия Некоторые браузеры отображают меню прямо, а не по окружности Документация Демо]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcssworld.ru%2Fstack-menu%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcssworld.ru%2Fstack-menu%2F&amp;style=normal&amp;service=TinyURL.com" height="61" width="50" /><br />
			</a>
		</div>
<p><img src="http://cssworld.ru/wp-content/uploads/2010/05/stack-menu.png" alt="" title="stack-menu" width="540" height="420" class="alignnone size-full wp-image-381" /><br />
JQuery UI виджет, который преобразует вложенные элементы списка в красивые меню.<br />
<span id="more-379"></span><br />
Красивое раскрывающееся меню с плавной анимацией. Контролировать можно следующее:</p>
<ul>
<li>Когда она открывается и закрывается</li>
<li>Направление открытия</li>
<li>Радиус дуги</li>
<li>Время, необходимое для открытия</li>
</ul>
<p>Некоторые браузеры отображают меню прямо, а не по окружности</p>
<p><a href="http://moronicbajebus.com/blog/jstackmenu/">Документация</a> <a href="http://moronicbajebus.com/blog/jstackmenu/files/">Демо</a></p>
]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/stack-menu/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Pikachoose: jQuery-галерея</title>
		<link>http://cssworld.ru/jquery-gallery/</link>
		<comments>http://cssworld.ru/jquery-gallery/#comments</comments>
		<pubDate>Fri, 14 May 2010 08:47:56 +0000</pubDate>
		<dc:creator>cssmaster</dc:creator>
				<category><![CDATA[Интересное]]></category>
		<category><![CDATA[галереи]]></category>
		<category><![CDATA[изображения]]></category>

		<guid isPermaLink="false">http://cssworld.ru/?p=375</guid>
		<description><![CDATA[Pikachoose представляет собой легкий плагин JQuery, который позволяет вам легко создавать фото галереи с настройкой параметров для слайд-шоу. Есть кнопки навигации и автоматического воспроизведения. Она также позволяет вам добавить больше чем одну галерею на одной странице. Pikachoose работает во всех основных веб-браузерах. Pickachoose использует простую разметку (неупорядоченный список, содержащий изображения и подписи) и его очень [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcssworld.ru%2Fjquery-gallery%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcssworld.ru%2Fjquery-gallery%2F&amp;style=normal&amp;service=TinyURL.com" height="61" width="50" /><br />
			</a>
		</div>
<p><img src="http://cssworld.ru/wp-content/uploads/2010/05/picachoo.jpg" alt="" title="picachoo" width="540" height="523" class="alignnone size-full wp-image-376" /><br />
Pikachoose представляет собой легкий плагин JQuery, который позволяет вам легко создавать фото галереи с настройкой параметров  для слайд-шоу. Есть кнопки навигации и автоматического воспроизведения. Она также позволяет вам добавить больше чем одну галерею на одной странице. Pikachoose работает во всех основных веб-браузерах.<br />
<span id="more-375"></span></p>
<p>Pickachoose использует простую разметку (неупорядоченный список, содержащий изображения и подписи) и его очень встроить в любую страницу. Вы можете настроить внешний вид вашей галереи / слайд-шоу путем изменения CSS. Предлагаются также варианты конфигурации позволяющий настроить различные функции:</p>
<ul>
<li>Несколько галереи на одной странице</li>
<li>Автоматическое создание миниатюры</li>
<li>Эффекты при смене изображений</li>
<li>Включение / отключение Подписи</li>
<li>Переключение режима слайд-шоу/ручное переключение</li>
<li>Включение / отключение кнопок &laquo;Вперед&raquo; / &laquo;Назад&raquo;</li>
<li>Высота / Ширина миниатюры</li>
<li>Задержка</li>
<li>Собственные миниатюры</li>
</ul>
<p><a href="http://pikachoose.com/demo/">Демо</a> <a href="http://pikachoose.com/">Официальный сайт</a></p>
]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/jquery-gallery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Крутящееся раздвигающееся меню</title>
		<link>http://cssworld.ru/rounded-menu/</link>
		<comments>http://cssworld.ru/rounded-menu/#comments</comments>
		<pubDate>Thu, 13 May 2010 14:45:14 +0000</pubDate>
		<dc:creator>cssmaster</dc:creator>
				<category><![CDATA[Интересное]]></category>
		<category><![CDATA[Меню]]></category>

		<guid isPermaLink="false">http://cssworld.ru/?p=369</guid>
		<description><![CDATA[Уникальное меню для сайта. При наведении указателем мыши кнопка раскручивается и отъезжает в сторону показывая дополнительные ссылки, заголовки и, даже, элементы формы. Одним словом лучше один раз посмотреть&#8230; Демо Статья с пояснениями (англ.)]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcssworld.ru%2Frounded-menu%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcssworld.ru%2Frounded-menu%2F&amp;style=normal&amp;service=TinyURL.com" height="61" width="50" /><br />
			</a>
		</div>
<p><img src="http://cssworld.ru/wp-content/uploads/2010/05/rockroll.jpg" alt="" title="rockroll" width="540" height="214" class="alignnone size-full wp-image-370" /><br />
Уникальное меню для сайта. При наведении указателем мыши кнопка раскручивается и отъезжает в сторону показывая дополнительные ссылки, заголовки и, даже, элементы формы. Одним словом лучше один раз посмотреть&#8230; <span id="more-369"></span><br />
<a href="http://tympanus.net/Tutorials/RockingRollingMenu/">Демо</a> <a href="http://tympanus.net/codrops/2010/04/30/rocking-and-rolling-rounded-menu-with-jquery/">Статья с пояснениями</a> (англ.)</p>
]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/rounded-menu/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS3-хаки,трюки и техники</title>
		<link>http://cssworld.ru/css3-xakitryuki-i-texniki/</link>
		<comments>http://cssworld.ru/css3-xakitryuki-i-texniki/#comments</comments>
		<pubDate>Fri, 07 May 2010 13:04:50 +0000</pubDate>
		<dc:creator>cssmaster</dc:creator>
				<category><![CDATA[Интересное]]></category>
		<category><![CDATA[css3]]></category>

		<guid isPermaLink="false">http://cssworld.ru/?p=365</guid>
		<description><![CDATA[Собственно сабж. Еслиб не проклятый IE то б наверняка CSS3 и HTML5 уже бы использовались во всю. Эх&#8230; Статья на английском Что-то похожее на русском]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcssworld.ru%2Fcss3-xakitryuki-i-texniki%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcssworld.ru%2Fcss3-xakitryuki-i-texniki%2F&amp;style=normal&amp;service=TinyURL.com" height="61" width="50" /><br />
			</a>
		</div>
<p><img src="http://cssworld.ru/wp-content/uploads/2010/05/cover.png" alt="" title="cover" width="540" height="270" class="alignnone size-full wp-image-366" /><br />
Собственно сабж. Еслиб не проклятый IE то б наверняка CSS3 и HTML5 уже бы использовались во всю. Эх&#8230;<span id="more-365"></span><br />
<a href="http://www.w3avenue.com/2010/05/07/html5-unleashed-tips-tricks-and-techniques/">Статья на английском</a><br />
<a href="http://vremenno.net/html-css/css3-review/">Что-то похожее на русском</a></p>
]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/css3-xakitryuki-i-texniki/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Что это? и из чего?</title>
		<link>http://cssworld.ru/what-is-it/</link>
		<comments>http://cssworld.ru/what-is-it/#comments</comments>
		<pubDate>Tue, 04 May 2010 11:50:52 +0000</pubDate>
		<dc:creator>cssmaster</dc:creator>
				<category><![CDATA[CSS-Приемы]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Интересное]]></category>
		<category><![CDATA[приколюхи]]></category>

		<guid isPermaLink="false">http://cssworld.ru/?p=362</guid>
		<description><![CDATA[Джон Леннон! Из букв! &#8211; Послышались крики из зала. Но если бы это было просто изображение Джона Леннона из букв этого бы не было в этом блоге, потому что это анимированная приколюха от уже известного нам по Гомеру Симпсону выполненному полностью из CSS+HTML, Roman Cortes Вообщем переходим на пост Романа Кортеса кликаем по песне &#171;Yesterday&#187; [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcssworld.ru%2Fwhat-is-it%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcssworld.ru%2Fwhat-is-it%2F&amp;style=normal&amp;service=TinyURL.com" height="61" width="50" /><br />
			</a>
		</div>
<p><img src="http://cssworld.ru/wp-content/uploads/2010/05/yest.png" alt="" title="yest" width="402" height="327" class="alignnone size-full wp-image-363" /><br />
Джон Леннон! Из букв! &#8211; Послышались крики из зала. Но если бы это было просто изображение Джона Леннона из букв этого бы не было в этом блоге, потому что это анимированная приколюха от уже известного нам по <a href="http://cssworld.ru/gomer-na-css/">Гомеру Симпсону</a> выполненному полностью из CSS+HTML, Roman Cortes<span id="more-362"></span> Вообщем <a href="http://www.romancortes.com/blog/a-tribute-to-the-beatles/">переходим на пост</a> Романа Кортеса кликаем по песне &laquo;Yesterday&raquo;  и получаем данный портрет. Использовано CSS и JS.<br />
Песню &laquo;Yesterday&raquo; написал кстати МакКартни:)</p>
]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/what-is-it/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Formee &#8211; быстрый способ создания форм</title>
		<link>http://cssworld.ru/quickly-creating-cross-browser-web/</link>
		<comments>http://cssworld.ru/quickly-creating-cross-browser-web/#comments</comments>
		<pubDate>Mon, 03 May 2010 08:55:47 +0000</pubDate>
		<dc:creator>cssmaster</dc:creator>
				<category><![CDATA[CSS-Фреймворки]]></category>
		<category><![CDATA[960gs]]></category>
		<category><![CDATA[формы]]></category>

		<guid isPermaLink="false">http://cssworld.ru/?p=359</guid>
		<description><![CDATA[Formee &#8211; это CSS-фреймворк для быстрого создания кросс-браузерных форм для сайта. Этот фреймворк полностью поддерживает Fluid 960 Grid System что делает процесс создания страницы с формами более гибким. Фреймворк поставляется двумя CSS файлами: один со структурой, другой &#8211; стилями. Пакет включает также дополнительные полезности, которые широко используются в веб-формах, таких как окна сообщений, показывающие ошибки, [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcssworld.ru%2Fquickly-creating-cross-browser-web%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcssworld.ru%2Fquickly-creating-cross-browser-web%2F&amp;style=normal&amp;service=TinyURL.com" height="61" width="50" /><br />
			</a>
		</div>
<p><img src="http://cssworld.ru/wp-content/uploads/2010/05/formee-css-framework.jpg" alt="" title="formee-css-framework" width="540" height="241" class="alignnone size-full wp-image-360" /><br />
Formee &#8211; это  CSS-фреймворк для быстрого создания кросс-браузерных форм для сайта. Этот фреймворк полностью поддерживает Fluid 960 Grid System что делает процесс создания страницы с формами более гибким.<br />
Фреймворк поставляется двумя CSS файлами: один со структурой, другой &#8211; стилями.<br />
<span id="more-359"></span><br />
Пакет включает также дополнительные полезности, которые широко используются в веб-формах, таких как окна сообщений, показывающие ошибки, предупреждения при заполнении формы пользователем.</p>
<li><a href="http://www.formee.org/">Formee</a></li>
<li><a href="http://www.designinfluences.com/fluid960gs/">Fluid 960 Grid System</a></li>
]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/quickly-creating-cross-browser-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Простая крутилка баннеров</title>
		<link>http://cssworld.ru/prostaya-krutilka-bannerov/</link>
		<comments>http://cssworld.ru/prostaya-krutilka-bannerov/#comments</comments>
		<pubDate>Thu, 29 Apr 2010 10:19:12 +0000</pubDate>
		<dc:creator>cssmaster</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Интересное]]></category>
		<category><![CDATA[баннеры]]></category>

		<guid isPermaLink="false">http://cssworld.ru/?p=355</guid>
		<description><![CDATA[Простой PHP, MySQL и JQuery ротатор баннеров, с помощью которого можно создавать и случайным образом отображать баннеры на вашем сайте. Каждый из баннеров снабжен изящным Jquery эффектом анимации, который вы можете настроить его под собственные нужды. Демо Скачать Статья с пояснениями]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcssworld.ru%2Fprostaya-krutilka-bannerov%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcssworld.ru%2Fprostaya-krutilka-bannerov%2F&amp;style=normal&amp;service=TinyURL.com" height="61" width="50" /><br />
			</a>
		</div>
<p><img src="http://cssworld.ru/wp-content/uploads/2010/04/rotator.jpg" alt="" title="rotator" width="540" height="280" class="alignnone size-full wp-image-356" /><br />
Простой PHP, MySQL и JQuery ротатор баннеров, с помощью которого можно создавать и случайным образом отображать баннеры на вашем сайте. Каждый из баннеров снабжен изящным Jquery эффектом анимации, который вы можете настроить его под собственные нужды.<span id="more-355"></span></p>
<li><a href="http://demo.tutorialzine.com/2010/04/simple-banner-rotator-php-mysql-jquery/demo.php">Демо</a> </li>
<li><a href="http://demo.tutorialzine.com/2010/04/simple-banner-rotator-php-mysql-jquery/demo.zip">Скачать</a></li>
<li> <a href="http://tutorialzine.com/2010/04/simple-banner-rotator-with-php-jquery-mysql/">Статья с пояснениями</a></li>
]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/prostaya-krutilka-bannerov/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jsTree &#8211; работаем с деревьями</title>
		<link>http://cssworld.ru/jstree-rabotaem-s-derevyami/</link>
		<comments>http://cssworld.ru/jstree-rabotaem-s-derevyami/#comments</comments>
		<pubDate>Mon, 26 Apr 2010 06:45:56 +0000</pubDate>
		<dc:creator>cssmaster</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Меню]]></category>

		<guid isPermaLink="false">http://cssworld.ru/?p=351</guid>
		<description><![CDATA[JavaScript компонент для визуальной работы с деревьями. Реализован в виде плагина jQuery. Идеально подойдёт для управления категориями каталога или схожей задачи. Возможности: - Может строиться из HTML, JSON или XML. - AJAX. - Перетаскивание узлов и целых веток. - Настраивается всё, что только можно. - Поддержка тем + несколько тем в комплекте. - Куча callback-ов [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcssworld.ru%2Fjstree-rabotaem-s-derevyami%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcssworld.ru%2Fjstree-rabotaem-s-derevyami%2F&amp;style=normal&amp;service=TinyURL.com" height="61" width="50" /><br />
			</a>
		</div>
<p><img src="http://cssworld.ru/wp-content/uploads/2010/04/tree.jpg" alt="" title="tree" width="540" height="160" class="alignnone size-full wp-image-352" /><br />
JavaScript компонент для визуальной работы с деревьями. Реализован в виде плагина jQuery. Идеально подойдёт для управления категориями каталога или схожей задачи.<br />
<span id="more-351"></span><br />
Возможности:<br />
- Может строиться из HTML, JSON или XML.<br />
- AJAX.<br />
- Перетаскивание узлов и целых веток.<br />
- Настраивается всё, что только можно.<br />
- Поддержка тем + несколько тем в комплекте.<br />
- Куча callback-ов в самых разных местах.<br />
- Навигация с клавиатуры.<br />
- Интернационализация.<br />
- Inline редактирование.<br />
- Опциональная анимация открытия и закрытия.<br />
- Разные типы узлов.<br />
- Выбор нескольких узлов.<br />
- Поиск.<br />
- Поддержка различных плагинов и хранилищ.<br />
- Сохранение состояния в куках.</p>
<p>Распространяется бесплатно.<br />
<a href="http://www.jstree.com/demo">Демо</a> <a href="http://www.jstree.com/">Сайт разработчика</a><br />
Нашел по наводке <a href="http://rmcreative.ru/blog/post/jstree">RMCreative</a></p>
]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/jstree-rabotaem-s-derevyami/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Все что вы хотели знать про HTML 5</title>
		<link>http://cssworld.ru/all-about-html5/</link>
		<comments>http://cssworld.ru/all-about-html5/#comments</comments>
		<pubDate>Mon, 19 Apr 2010 14:33:32 +0000</pubDate>
		<dc:creator>cssmaster</dc:creator>
				<category><![CDATA[Обзоры сайтов]]></category>
		<category><![CDATA[html5]]></category>

		<guid isPermaLink="false">http://cssworld.ru/?p=348</guid>
		<description><![CDATA[Демонстрация возможностей HTML5. Русская версия]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcssworld.ru%2Fall-about-html5%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcssworld.ru%2Fall-about-html5%2F&amp;style=normal&amp;service=TinyURL.com" height="61" width="50" /><br />
			</a>
		</div>
<p><img src="http://cssworld.ru/wp-content/uploads/2010/04/html5.jpg" alt="" title="html5" width="540" height="168" class="alignnone size-full wp-image-349" /><br />
Демонстрация возможностей HTML5.<br />
<a href="http://html5.dezigner.ru/index.htm">Русская версия</a></p>
]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/all-about-html5/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Игры и jQuery</title>
		<link>http://cssworld.ru/mine-sweeper-game-on-jquery/</link>
		<comments>http://cssworld.ru/mine-sweeper-game-on-jquery/#comments</comments>
		<pubDate>Sat, 17 Apr 2010 08:50:30 +0000</pubDate>
		<dc:creator>cssmaster</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Интересное]]></category>
		<category><![CDATA[игры]]></category>
		<category><![CDATA[приколюхи]]></category>

		<guid isPermaLink="false">http://cssworld.ru/?p=340</guid>
		<description><![CDATA[Почти как та самая виндовская игра выполненая с использованием jQuery. Есть три уровня сложности начальный, средний и сложный чтобы выделить клетку &#171;вопросом&#187; и оставить решение на потом, кликаем по клетке удерживая ALT. Блог автора и обсуждение кода В качестве бонуса к статье предлагаю вашему вниманию еще игры с использованием jQuery Игра Sudoku Игра Roller jKiller [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcssworld.ru%2Fmine-sweeper-game-on-jquery%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcssworld.ru%2Fmine-sweeper-game-on-jquery%2F&amp;style=normal&amp;service=TinyURL.com" height="61" width="50" /><br />
			</a>
		</div>
<p><img src="http://cssworld.ru/wp-content/uploads/2010/04/miner.png" alt="" title="miner" width="540" height="325" class="alignnone size-full wp-image-341" /><br />
Почти как та самая виндовская игра выполненая с использованием jQuery. Есть три уровня сложности <a href="http://www.bennadel.com/resources/demo/mine_sweeper/index.cfm?rows=10&#038;cols=10&#038;bombs=10%25">начальный</a>, <a href="http://www.bennadel.com/resources/demo/mine_sweeper/index.cfm?rows=15&#038;cols=20&#038;bombs=10%25">средний</a> и <a href="http://www.bennadel.com/resources/demo/mine_sweeper/index.cfm?rows=15&#038;cols=20&#038;bombs=25%25">сложный</a> чтобы выделить клетку &laquo;вопросом&raquo; и оставить решение на потом, кликаем по клетке удерживая ALT.<span id="more-340"></span><br />
<a href="http://www.bennadel.com/blog/1737-jQuery-Powered-Mine-Sweeper-Game.htm">Блог автора и обсуждение кода</a></p>
<p>В качестве бонуса к статье предлагаю вашему вниманию еще игры с использованием jQuery</p>
<p><img src="http://cssworld.ru/wp-content/uploads/2010/04/sudoku.jpg" alt="" title="sudoku" width="540" height="428" class="alignnone size-full wp-image-342" /></p>
<p>Игра <a href="http://dev.meagar.net/sudoku/">Sudoku</a></p>
<p><img src="http://cssworld.ru/wp-content/uploads/2010/04/roller.jpg" alt="" title="roller" width="540" height="350" class="alignnone size-full wp-image-343" /></p>
<p>Игра <a href="http://www.eyecon.ro/roller/">Roller</a></p>
<p><a href="http://www.bulgaria-web-developers.com/projects/javascript/jkill/#box">jKiller</a> &#8211; стрелялка</p>
<p><img src="http://cssworld.ru/wp-content/uploads/2010/04/ping-pong.png" alt="" title="ping-pong" width="540"  class="alignnone size-full wp-image-344" /></p>
<p><a href="http://blog.benogle.com/2009/04/20/jquery-pong/">Пинг-понг</a></p>
<p>и <a href="http://gamequery.onaluf.org/demos.php">многое-многое</a> другое</p>
]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/mine-sweeper-game-on-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Простой пример Drag &amp; Drop</title>
		<link>http://cssworld.ru/prostoj-primer-drag-drop/</link>
		<comments>http://cssworld.ru/prostoj-primer-drag-drop/#comments</comments>
		<pubDate>Wed, 14 Apr 2010 09:52:34 +0000</pubDate>
		<dc:creator>cssmaster</dc:creator>
				<category><![CDATA[Интересное]]></category>
		<category><![CDATA[Drag&Drop]]></category>

		<guid isPermaLink="false">http://cssworld.ru/?p=337</guid>
		<description><![CDATA[Простой пример Drag &#038; Drop приведен в блоге simplecoding.org есть версия с jQuery UI и с применением HTML5]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcssworld.ru%2Fprostoj-primer-drag-drop%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcssworld.ru%2Fprostoj-primer-drag-drop%2F&amp;style=normal&amp;service=TinyURL.com" height="61" width="50" /><br />
			</a>
		</div>
<p><img src="http://cssworld.ru/wp-content/uploads/2010/04/drag-n-drop.png" alt="" title="drag-n-drop" width="540" height="318" class="alignnone size-full wp-image-338" /><br />
Простой пример Drag &#038; Drop приведен в блоге simplecoding.org есть версия с <a href="http://www.simplecoding.org/drag-drop-s-ispolzovaniem-jquery-ui.html">jQuery UI</a> и с применением <a href="http://www.simplecoding.org/drag-drop-s-ispolzovaniem-html5.html">HTML5</a></p>
]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/prostoj-primer-drag-drop/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Прикольное apple-style меню на jQuery</title>
		<link>http://cssworld.ru/apple-style-menu-on-jquery/</link>
		<comments>http://cssworld.ru/apple-style-menu-on-jquery/#comments</comments>
		<pubDate>Wed, 14 Apr 2010 07:45:23 +0000</pubDate>
		<dc:creator>cssmaster</dc:creator>
				<category><![CDATA[CSS-Приемы]]></category>
		<category><![CDATA[Меню]]></category>

		<guid isPermaLink="false">http://cssworld.ru/?p=334</guid>
		<description><![CDATA[Это меню очень похоже на навигацию девайсов от Apple. При наведении на раздел меню соответствующие значки плавно выезжают сверху. Создавая при этом эффект &#171;перемешивания карт&#187; Демо и Статья на блоге автора]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcssworld.ru%2Fapple-style-menu-on-jquery%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcssworld.ru%2Fapple-style-menu-on-jquery%2F&amp;style=normal&amp;service=TinyURL.com" height="61" width="50" /><br />
			</a>
		</div>
<p><img src="http://cssworld.ru/wp-content/uploads/2010/04/apple-style.png" alt="" title="apple-style" width="540" height="240" class="alignnone size-full wp-image-335" /><br />
Это меню очень похоже на навигацию девайсов от Apple. При наведении на раздел меню соответствующие значки плавно выезжают сверху. Создавая при этом эффект &laquo;перемешивания карт&raquo;<span id="more-334"></span><br />
<a href="http://www.cssaddons.com/uploads/goruntulenme/jQueryFancyAppleStyleNavigation/index.html">Демо</a> и <a href="http://tympanus.net/codrops/2010/01/17/css-and-jquery-tutorial-fancy-apple-style-icon-slide-out-navigation/">Статья на блоге автора</a></p>
]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/apple-style-menu-on-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Подбираем цвет онлайн</title>
		<link>http://cssworld.ru/color-finder/</link>
		<comments>http://cssworld.ru/color-finder/#comments</comments>
		<pubDate>Tue, 13 Apr 2010 21:27:31 +0000</pubDate>
		<dc:creator>cssmaster</dc:creator>
				<category><![CDATA[Обзоры сайтов]]></category>
		<category><![CDATA[цвет]]></category>

		<guid isPermaLink="false">http://cssworld.ru/?p=330</guid>
		<description><![CDATA[0to255 &#8211; простой инструмент, который позволяет веб-дизайнерам найти светлые и темные тона, любого цвета. Почему это необходимо? Ну, это занимает немного больше объяснений. Просто задаете любой цвет, и сервис выдает вам всю линейку тонов этого цвета от белого до черного. Вот например ссылка на случайно выбранный цвет]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcssworld.ru%2Fcolor-finder%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcssworld.ru%2Fcolor-finder%2F&amp;style=normal&amp;service=TinyURL.com" height="61" width="50" /><br />
			</a>
		</div>
<p><img src="http://cssworld.ru/wp-content/uploads/2010/04/0255.png" alt="" title="0255" width="540" height="308" class="alignnone size-full wp-image-331" /><br />
<strong>0to255</strong> &#8211; простой инструмент, который позволяет веб-дизайнерам найти светлые и темные тона, любого цвета. Почему это необходимо? Ну, это занимает немного больше объяснений.<br />
Просто задаете любой цвет, и сервис выдает вам всю линейку тонов этого цвета от белого до черного.<span id="more-330"></span><br />
Вот например ссылка на <a href="http://0to255.com/random">случайно выбранный цвет</a></p>
]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/color-finder/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Выбор даты на jQuery: CalendarPicker</title>
		<link>http://cssworld.ru/data-checker/</link>
		<comments>http://cssworld.ru/data-checker/#comments</comments>
		<pubDate>Fri, 09 Apr 2010 09:39:52 +0000</pubDate>
		<dc:creator>cssmaster</dc:creator>
				<category><![CDATA[Интересное]]></category>
		<category><![CDATA[дата]]></category>

		<guid isPermaLink="false">http://cssworld.ru/?p=327</guid>
		<description><![CDATA[CalendarPicker уникальный легкий плагин JQuery, который позволяет пользователям изменять даты помощью колеса мыши. CalendarPicker кроссбраузерен т.е. который работает во всех основных браузерах, включая IE6. Внедрение элемента в страницу очень простое, вы легко можете изменить внешний вид календаря редактированием файла CSS. Возможности: Легкая локализация Поддержка изменения текущей даты Поддержка колеса прокрутки мыши Поддерживает изменение количества лет, [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcssworld.ru%2Fdata-checker%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcssworld.ru%2Fdata-checker%2F&amp;style=normal&amp;service=TinyURL.com" height="61" width="50" /><br />
			</a>
		</div>
<p>CalendarPicker уникальный легкий плагин JQuery, который позволяет пользователям изменять даты помощью колеса мыши.<br />
<img src="http://cssworld.ru/wp-content/uploads/2010/04/cover.jpg" alt="" title="cover" width="540" height="270" class="alignnone size-full wp-image-328" /><br />
CalendarPicker кроссбраузерен т.е.  который работает во всех основных браузерах, включая IE6. Внедрение элемента в страницу очень простое, вы легко можете изменить внешний вид календаря редактированием файла CSS.<span id="more-327"></span><br />
<strong>Возможности:</strong></p>
<li>Легкая локализация</li>
<li>Поддержка изменения текущей даты</li>
<li>Поддержка колеса прокрутки мыши</li>
<li>Поддерживает изменение количества лет, месяцев и дней</li>
<li>Поддержка стрелки вперед /назад</li>
<p>Демо, мануал и скачивание на <a href="http://bugsvoice.com/applications/bugsVoice/site/test/calendarPickerDemo.jsp">сайте плагина</a></p>
]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/data-checker/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Как научить IE border-radius и box-shadow</title>
		<link>http://cssworld.ru/border-radius-and-box-shadow-in-ie/</link>
		<comments>http://cssworld.ru/border-radius-and-box-shadow-in-ie/#comments</comments>
		<pubDate>Wed, 07 Apr 2010 10:43:27 +0000</pubDate>
		<dc:creator>cssmaster</dc:creator>
				<category><![CDATA[CSS-Приемы]]></category>
		<category><![CDATA[скругление углов]]></category>

		<guid isPermaLink="false">http://cssworld.ru/?p=318</guid>
		<description><![CDATA[Статья о том как Internet Explorer научить закруглять углы и разрешать тени элементам. Вообщем всем рекомендую прочесть, даже если вы забили на IE. Так же неплохая статья про градиенты CSS3. А на десерт решение проблемы с border-radius у Safari]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcssworld.ru%2Fborder-radius-and-box-shadow-in-ie%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcssworld.ru%2Fborder-radius-and-box-shadow-in-ie%2F&amp;style=normal&amp;service=TinyURL.com" height="61" width="50" /><br />
			</a>
		</div>
<p><img src="http://cssworld.ru/wp-content/uploads/2010/04/radius.png" alt="" title="radius" width="540" height="154" class="alignnone size-full wp-image-319" /><br />
<a href="http://handynotes.ru/2010/02/css3-ie-border-radius-box-shadow.html">Статья</a> о том как Internet Explorer научить закруглять углы и разрешать тени элементам. Вообщем всем рекомендую прочесть, даже если вы забили на IE. Так же неплохая статья про <a href="http://handynotes.ru/2010/02/css3-gradient.html">градиенты CSS3</a>.<br />
А на десерт решение проблемы с <a href="http://makishvili.com/2010/01/28/border-radius-in-safari/">border-radius у Safari</a></p>
]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/border-radius-and-box-shadow-in-ie/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Текстовый редактор для вашего сайта</title>
		<link>http://cssworld.ru/tekstovyj-redaktor-dlya-vashego-sajta/</link>
		<comments>http://cssworld.ru/tekstovyj-redaktor-dlya-vashego-sajta/#comments</comments>
		<pubDate>Tue, 06 Apr 2010 11:20:44 +0000</pubDate>
		<dc:creator>cssmaster</dc:creator>
				<category><![CDATA[Верстка]]></category>
		<category><![CDATA[редактор]]></category>
		<category><![CDATA[текст]]></category>

		<guid isPermaLink="false">http://cssworld.ru/?p=308</guid>
		<description><![CDATA[Простой, легкий, расширяемой WYSIWYG (What You See Is What You Get, «что видишь, то и получишь» англ.) HTML-редактор построенный на JQuery. Этот компонент позволяет легко отображать WYSIWYG HTML редактор в место любого TextArea элементов на странице. Размер сценария всего 9.17kb; CSS и изображения в общей сложности весят 25.9kb. Скачать Демо Сайт]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcssworld.ru%2Ftekstovyj-redaktor-dlya-vashego-sajta%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcssworld.ru%2Ftekstovyj-redaktor-dlya-vashego-sajta%2F&amp;style=normal&amp;service=TinyURL.com" height="61" width="50" /><br />
			</a>
		</div>
<p><img src="http://cssworld.ru/wp-content/uploads/2010/04/editor.png" alt="" title="editor" width="540" height="435" class="alignnone size-full wp-image-309" /><br />
Простой, легкий, расширяемой WYSIWYG (What You See Is What You Get, «что видишь, то и получишь» англ.) HTML-редактор построенный на JQuery. Этот компонент позволяет легко отображать WYSIWYG HTML редактор в место любого TextArea элементов на странице. Размер сценария  всего 9.17kb; CSS и изображения в общей сложности весят 25.9kb.<span id="more-308"></span><br />
<a href="http://jhtmlarea.codeplex.com/Release/ProjectReleases.aspx">Скачать</a> <a href="http://pietschsoft.com/demo/jHtmlArea/">Демо</a> <a href="http://jhtmlarea.codeplex.com/">Сайт</a></p>
]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/tekstovyj-redaktor-dlya-vashego-sajta/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery Наложение</title>
		<link>http://cssworld.ru/jquery-overlay/</link>
		<comments>http://cssworld.ru/jquery-overlay/#comments</comments>
		<pubDate>Mon, 05 Apr 2010 08:06:19 +0000</pubDate>
		<dc:creator>cssmaster</dc:creator>
				<category><![CDATA[Интересное]]></category>
		<category><![CDATA[изображения]]></category>
		<category><![CDATA[Модальные окна]]></category>
		<category><![CDATA[формы]]></category>

		<guid isPermaLink="false">http://cssworld.ru/?p=304</guid>
		<description><![CDATA[Наложение HTML поверх основной страницы является одним из самых распространенных функций в сайтах сегодня. Вам нужны разные пометки в различных ситуациях, таких как: 1. Увеличение и детальный просмотр товаров. 2. Предупреждения. 3. Модальные диалоги для обратной связи с пользователем. 4. &#171;Lighbox&#187;- стиль галереи изображений. Демо и документация]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcssworld.ru%2Fjquery-overlay%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcssworld.ru%2Fjquery-overlay%2F&amp;style=normal&amp;service=TinyURL.com" height="61" width="50" /><br />
			</a>
		</div>
<p><img src="http://cssworld.ru/wp-content/uploads/2010/04/overlay.jpg" alt="" title="overlay" width="540" height="288" class="alignnone size-full wp-image-305" /><br />
Наложение HTML поверх основной страницы является одним из самых распространенных функций в сайтах сегодня. Вам нужны разные пометки в различных ситуациях, таких как:<br />
<span id="more-304"></span><br />
1. Увеличение и детальный просмотр товаров.<br />
2. Предупреждения.<br />
3. Модальные диалоги для обратной связи с пользователем.<br />
4. &laquo;Lighbox&raquo;- стиль галереи изображений.</p>
<p><a href="http://flowplayer.org/tools/overlay.html">Демо и документация</a></p>
]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/jquery-overlay/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Анимированный hover</title>
		<link>http://cssworld.ru/animating-hover/</link>
		<comments>http://cssworld.ru/animating-hover/#comments</comments>
		<pubDate>Wed, 31 Mar 2010 09:45:53 +0000</pubDate>
		<dc:creator>cssmaster</dc:creator>
				<category><![CDATA[Интересное]]></category>
		<category><![CDATA[hover]]></category>
		<category><![CDATA[Ссылки]]></category>

		<guid isPermaLink="false">http://cssworld.ru/?p=298</guid>
		<description><![CDATA[При наведении на изображение, оно отодвигается как ворота и нам открывается краткое пояснение куда мы хотим перейти. Стороны, в которые может открываться эта &#171;дверь&#187; можно настраивать. Доступны варианты вверх и вниз, влево и вправо. Естественно все это работает при помощи jQuery. Демо и описание в блоге автора]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcssworld.ru%2Fanimating-hover%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcssworld.ru%2Fanimating-hover%2F&amp;style=normal&amp;service=TinyURL.com" height="61" width="50" /><br />
			</a>
		</div>
<p><a href="http://cssworld.ru/wp-content/uploads/2010/03/hover.jpg"><img src="http://cssworld.ru/wp-content/uploads/2010/03/hover.jpg" alt="" title="hover" width="540" height="355" class="alignnone size-full wp-image-300" /></a><br />
При наведении на изображение, оно отодвигается как ворота и нам открывается краткое пояснение куда мы хотим перейти. Стороны, в которые может открываться эта &laquo;дверь&raquo; можно настраивать. Доступны варианты вверх и вниз, влево и вправо. Естественно все это работает при помощи jQuery.<br />
<span id="more-298"></span><br />
<a href="http://www.incg.nl/blog/2008/hover-block-jquery/example/animate_hover.html">Демо</a> и описание в <a href="http://www.incg.nl/blog/2008/hover-block-jquery/">блоге автора</a></p>
]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/animating-hover/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Центрирование div&#8217;ов</title>
		<link>http://cssworld.ru/centering-a-div/</link>
		<comments>http://cssworld.ru/centering-a-div/#comments</comments>
		<pubDate>Tue, 30 Mar 2010 09:47:24 +0000</pubDate>
		<dc:creator>cssmaster</dc:creator>
				<category><![CDATA[Верстка]]></category>
		<category><![CDATA[center]]></category>

		<guid isPermaLink="false">http://cssworld.ru/?p=294</guid>
		<description><![CDATA[При создании макета веб-страниц, вы, вероятно, сталкивались с ситуацией, когда вам нужно разместить div в центре по горизонтали и вертикали с чистым CSS. Есть всего несколько путей для достижения этой цели. Например можно воспользоваться плагином к jQuery MicroTut Страница с описанием и Демо]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcssworld.ru%2Fcentering-a-div%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcssworld.ru%2Fcentering-a-div%2F&amp;style=normal&amp;service=TinyURL.com" height="61" width="50" /><br />
			</a>
		</div>
<p>При создании макета веб-страниц, вы, вероятно, сталкивались с ситуацией, когда вам нужно разместить div в центре по горизонтали и вертикали с чистым CSS. Есть всего несколько путей для достижения этой цели. Например можно воспользоваться плагином к jQuery <strong>MicroTut</strong><br />
<a href="http://tutorialzine.com/2010/03/centering-div-vertically-and-horizontally/">Страница с описанием</a> и <a href="http://demo.tutorialzine.com/2010/03/centering-div-vertically-and-horizontally/demo.html">Демо</a></p>
]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/centering-a-div/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Всплывающие подсказки</title>
		<link>http://cssworld.ru/vsplyvayushhie-podskazki-2/</link>
		<comments>http://cssworld.ru/vsplyvayushhie-podskazki-2/#comments</comments>
		<pubDate>Mon, 29 Mar 2010 07:58:40 +0000</pubDate>
		<dc:creator>cssmaster</dc:creator>
				<category><![CDATA[Верстка]]></category>
		<category><![CDATA[подсказки]]></category>

		<guid isPermaLink="false">http://cssworld.ru/?p=289</guid>
		<description><![CDATA[TinyTips представляет собой плагин JQuery, который позволит вам добавить всплывающие подсказки в веб-страницы. Вы можете использовать JQuery $ (), чтобы выбрать любой элемент на странице и применить к нему TinyTips. Кроме того, TinyTips работает во всех современных браузерах (включая последние версии IE). Помимо того, что это действительно легкий и быстрый плагин, TinyTips можно легко менять [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcssworld.ru%2Fvsplyvayushhie-podskazki-2%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcssworld.ru%2Fvsplyvayushhie-podskazki-2%2F&amp;style=normal&amp;service=TinyURL.com" height="61" width="50" /><br />
			</a>
		</div>
<p>TinyTips представляет собой плагин JQuery, который позволит вам добавить всплывающие подсказки в веб-страницы. Вы можете использовать JQuery $ (), чтобы выбрать любой элемент на странице и применить к нему TinyTips.<br />
Кроме того, TinyTips работает во всех современных браузерах (включая последние версии IE).</p>
<p>Помимо того, что это действительно легкий и быстрый плагин, TinyTips можно легко менять под свои нужды так как разработчики отлично прокомментировали код. Вы можете легко настроить внешний вид через CSS.<br />
TinyTips позволяет передавать содержимое, используя подсказки &laquo;title&raquo; атрибут в разметке или вы можете задать пользовательские строки.</p>
<p><a href="http://www.digitalinferno.net/demos/tt-1-0/index.html">Демо</a>, Сайт разработчика <a href="http://www.digitalinferno.net/blog/jquery-plugin-tinytips-1-0/">digitalinferno.net</a></p>
]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/vsplyvayushhie-podskazki-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Правильный justify</title>
		<link>http://cssworld.ru/good-justify/</link>
		<comments>http://cssworld.ru/good-justify/#comments</comments>
		<pubDate>Fri, 26 Mar 2010 22:17:08 +0000</pubDate>
		<dc:creator>cssmaster</dc:creator>
				<category><![CDATA[CSS-Приемы]]></category>
		<category><![CDATA[Верстка]]></category>
		<category><![CDATA[текст]]></category>

		<guid isPermaLink="false">http://cssworld.ru/?p=286</guid>
		<description><![CDATA[Пора наконец вернуться к CSS. Сегодня мы улучшим текст растянутый по всей строке. Обычно между словами, особенно предлогами, остаются очень большие пробелы. Этого можно избежать уменьшив расстояние между словами: p { text-align: justify; word-spacing: -0.3ex; } и текст станет красивее. Подсмотрено здесь. Обязательно читаем комменты и узнаем как в тексте делать переносы.]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcssworld.ru%2Fgood-justify%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcssworld.ru%2Fgood-justify%2F&amp;style=normal&amp;service=TinyURL.com" height="61" width="50" /><br />
			</a>
		</div>
<p>Пора наконец вернуться к CSS. Сегодня мы улучшим текст растянутый по всей строке. Обычно между словами, особенно предлогами, остаются очень большие пробелы. Этого можно избежать уменьшив расстояние между словами:<br />
<code><br />
p {<br />
	text-align: justify;<br />
	word-spacing: -0.3ex;<br />
}<br />
</code><br />
и текст станет красивее.<br />
Подсмотрено <a href="http://chikuyonok.ru/2010/02/better-justify/">здесь</a>. Обязательно читаем комменты и узнаем как в тексте делать переносы.  </p>
]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/good-justify/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Доска почета</title>
		<link>http://cssworld.ru/hall-of-fame/</link>
		<comments>http://cssworld.ru/hall-of-fame/#comments</comments>
		<pubDate>Fri, 26 Mar 2010 08:42:27 +0000</pubDate>
		<dc:creator>cssmaster</dc:creator>
				<category><![CDATA[Интересное]]></category>
		<category><![CDATA[Ссылки]]></category>

		<guid isPermaLink="false">http://cssworld.ru/?p=281</guid>
		<description><![CDATA[Отличное решение для размещения спонсоров или рекламных баннеров. Сначала мы видим логотип, а после нажатия мышки,лого переворачивается, аналогично буквам в телепрограмме &#171;Поле чудес&#171;, и появляется краткое описание и ссылка. Демо и описание]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcssworld.ru%2Fhall-of-fame%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcssworld.ru%2Fhall-of-fame%2F&amp;style=normal&amp;service=TinyURL.com" height="61" width="50" /><br />
			</a>
		</div>
<p>Отличное решение для размещения спонсоров или рекламных баннеров. Сначала мы видим логотип, а после нажатия мышки,лого переворачивается, аналогично буквам в телепрограмме &laquo;<em>Поле чудес</em>&laquo;, и появляется краткое описание и ссылка.<br />
<a href="http://demo.tutorialzine.com/2010/03/sponsor-wall-flip-jquery-css/demo.php">Демо</a> и <a href="http://tutorialzine.com/2010/03/sponsor-wall-flip-jquery-css/">описание</a></p>
]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/hall-of-fame/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Индикатор сложности пароля</title>
		<link>http://cssworld.ru/password-strength-checker/</link>
		<comments>http://cssworld.ru/password-strength-checker/#comments</comments>
		<pubDate>Thu, 25 Mar 2010 16:31:34 +0000</pubDate>
		<dc:creator>cssmaster</dc:creator>
				<category><![CDATA[Интересное]]></category>
		<category><![CDATA[формы]]></category>

		<guid isPermaLink="false">http://cssworld.ru/?p=278</guid>
		<description><![CDATA[Ну тут писать в общем-то нечего. Легкий и несложный чекер сложности пароля работающий при помощи jQuery. Описание и демо.]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcssworld.ru%2Fpassword-strength-checker%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcssworld.ru%2Fpassword-strength-checker%2F&amp;style=normal&amp;service=TinyURL.com" height="61" width="50" /><br />
			</a>
		</div>
<p>Ну тут писать в общем-то нечего. Легкий и несложный чекер сложности пароля работающий при помощи jQuery.<br />
<a href="http://www.webdeveloperjuice.com/2010/03/10/create-simple-and-clean-password-strengh-checker-using-jquery-and-css/">Описание</a> и <a href="http://www.cssaddons.com/uploads/goruntulenme/jQueryPasswordStrengthChecker/index.html">демо</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/password-strength-checker/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Анимация на сайте без FLASH и .gif</title>
		<link>http://cssworld.ru/animation-whithout-flash-and-gif/</link>
		<comments>http://cssworld.ru/animation-whithout-flash-and-gif/#comments</comments>
		<pubDate>Wed, 24 Mar 2010 12:45:15 +0000</pubDate>
		<dc:creator>cssmaster</dc:creator>
				<category><![CDATA[CSS-Сайты]]></category>
		<category><![CDATA[фон]]></category>

		<guid isPermaLink="false">http://cssworld.ru/?p=275</guid>
		<description><![CDATA[Spritely является JQuery плагином для создания динамического анимированного фона с использованием HTML + JavaScript. При помощи JavaScript, анимацию можно легко контролировать событиями (клики, mouseovers и т.д.) . Специально для платформ , где Flash не поддерживается, Spritely может быть альтернативой (например, iPhone, iPad). Она работает во всех основных браузерах, включая IE6. Сайт с примерами и ссылкой [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcssworld.ru%2Fanimation-whithout-flash-and-gif%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcssworld.ru%2Fanimation-whithout-flash-and-gif%2F&amp;style=normal&amp;service=TinyURL.com" height="61" width="50" /><br />
			</a>
		</div>
<p>Spritely является JQuery плагином для создания динамического анимированного фона с использованием HTML + JavaScript.</p>
<p>При помощи JavaScript, анимацию можно легко контролировать событиями (клики, mouseovers  и т.д.) .</p>
<p>Специально для платформ , где Flash не поддерживается, Spritely может быть альтернативой (например, iPhone, iPad).</p>
<p>Она работает во всех основных браузерах, включая IE6.</p>
<p><a href="http://www.spritely.net/">Сайт с примерами и ссылкой на скачивание</a></p>
]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/animation-whithout-flash-and-gif/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Типографика в веб-дизайне</title>
		<link>http://cssworld.ru/tipografika-v-veb-dizajne/</link>
		<comments>http://cssworld.ru/tipografika-v-veb-dizajne/#comments</comments>
		<pubDate>Mon, 25 Jan 2010 15:28:33 +0000</pubDate>
		<dc:creator>cssmaster</dc:creator>
				<category><![CDATA[Интересное]]></category>
		<category><![CDATA[текст]]></category>

		<guid isPermaLink="false">http://cssworld.ru/?p=272</guid>
		<description><![CDATA[Гениальная статья про использование шрифтов в веб-дизайне, да и,в прочем, в любом другом дизайне. Написано толково и с  примерами. Опубликовано в дизайн-мании]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcssworld.ru%2Ftipografika-v-veb-dizajne%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcssworld.ru%2Ftipografika-v-veb-dizajne%2F&amp;style=normal&amp;service=TinyURL.com" height="61" width="50" /><br />
			</a>
		</div>
<p>Гениальная статья про использование шрифтов в веб-дизайне, да и,в прочем, в любом другом дизайне. Написано толково и с  примерами.</p>
<p>Опубликовано в <a href="http://design-mania.ru/web-design/articles/tipografika/">дизайн-мании</a></p>
]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/tipografika-v-veb-dizajne/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Верчу как хочу. Часть 2</title>
		<link>http://cssworld.ru/verchu-kak-xochu-chast-2/</link>
		<comments>http://cssworld.ru/verchu-kak-xochu-chast-2/#comments</comments>
		<pubDate>Sun, 20 Dec 2009 21:44:51 +0000</pubDate>
		<dc:creator>cssmaster</dc:creator>
				<category><![CDATA[JS-Фреймворки]]></category>
		<category><![CDATA[Интересное]]></category>
		<category><![CDATA[приколюхи]]></category>

		<guid isPermaLink="false">http://cssworld.ru/?p=266</guid>
		<description><![CDATA[JQuery Roundabout очень впечатляющий плагин, который преобразует HTML элементы в прикольныые, настраиваемые интерактивные и &#171;вертушки-подобные&#187; (и нетолько) интерфейсы. По умолчанию, она работает с упорядоченными и неупорядоченными списками, но при небольшой модификации можно конвертировать любую вложенную структуру HTML. Все о плагине там же и демо]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcssworld.ru%2Fverchu-kak-xochu-chast-2%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcssworld.ru%2Fverchu-kak-xochu-chast-2%2F&amp;style=normal&amp;service=TinyURL.com" height="61" width="50" /><br />
			</a>
		</div>
<p>JQuery Roundabout очень впечатляющий плагин, который преобразует HTML элементы в прикольныые, настраиваемые интерактивные и &laquo;вертушки-подобные&raquo; (и нетолько) интерфейсы.</p>
<p>По умолчанию, она работает с упорядоченными и неупорядоченными  списками, но при небольшой модификации можно конвертировать любую вложенную структуру HTML.<br />
<span id="more-266"></span><br />
<a href="http://fredhq.com/projects/roundabout/">Все о плагине</a> там же и демо</p>
]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/verchu-kak-xochu-chast-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
