<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>Мир CSS</title>
	
	<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>
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/cssworldru" /><feedburner:info uri="cssworldru" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><feedburner:emailServiceId>cssworldru</feedburner:emailServiceId><feedburner:feedburnerHostname>http://feedburner.google.com</feedburner:feedburnerHostname><item>
		<title>Пускаем пузыри</title>
		<link>http://feedproxy.google.com/~r/cssworldru/~3/dA9qZWypaOo/</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>

<p><a href="http://feedads.g.doubleclick.net/~a/qO4SMZUMU_uB7ytq98ADRVNr9Gc/0/da"><img src="http://feedads.g.doubleclick.net/~a/qO4SMZUMU_uB7ytq98ADRVNr9Gc/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/qO4SMZUMU_uB7ytq98ADRVNr9Gc/1/da"><img src="http://feedads.g.doubleclick.net/~a/qO4SMZUMU_uB7ytq98ADRVNr9Gc/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/cssworldru/~4/dA9qZWypaOo" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/puskaem-puzyri/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://cssworld.ru/puskaem-puzyri/</feedburner:origLink></item>
		<item>
		<title>XHTML-Cafe</title>
		<link>http://feedproxy.google.com/~r/cssworldru/~3/S_N1eL2MZhU/</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>

<p><a href="http://feedads.g.doubleclick.net/~a/yjKfjXqcI7o7mofhvD62WYJDu2U/0/da"><img src="http://feedads.g.doubleclick.net/~a/yjKfjXqcI7o7mofhvD62WYJDu2U/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/yjKfjXqcI7o7mofhvD62WYJDu2U/1/da"><img src="http://feedads.g.doubleclick.net/~a/yjKfjXqcI7o7mofhvD62WYJDu2U/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/cssworldru/~4/S_N1eL2MZhU" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/xhtml-cafe/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://cssworld.ru/xhtml-cafe/</feedburner:origLink></item>
		<item>
		<title>Pines Notify:Всплывающие уведомления</title>
		<link>http://feedproxy.google.com/~r/cssworldru/~3/Mpr_SJi8iAs/</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 плагин для отображения настраиваемых всплывающих уведомлений. Уведомляющие блоки можно установить для отображения в любой части веб-страницы, а также могут быть настроены на автоматическое исчезновение или при помощи кнопки &#8220;Закрыть&#8221;. Есть возможность использовать 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 />
Уведомляющие блоки можно установить для отображения в любой части веб-страницы, а также могут быть настроены на автоматическое исчезновение  или при помощи кнопки &#8220;Закрыть&#8221;.<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>

<p><a href="http://feedads.g.doubleclick.net/~a/xfyqRJcXW21Ly5PC0j7pNTQlXrg/0/da"><img src="http://feedads.g.doubleclick.net/~a/xfyqRJcXW21Ly5PC0j7pNTQlXrg/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/xfyqRJcXW21Ly5PC0j7pNTQlXrg/1/da"><img src="http://feedads.g.doubleclick.net/~a/xfyqRJcXW21Ly5PC0j7pNTQlXrg/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/cssworldru/~4/Mpr_SJi8iAs" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/tips/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		<feedburner:origLink>http://cssworld.ru/tips/</feedburner:origLink></item>
		<item>
		<title>Подключаем нестандартные шрифты</title>
		<link>http://feedproxy.google.com/~r/cssworldru/~3/TmNFXx_tmBE/</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>

<p><a href="http://feedads.g.doubleclick.net/~a/o4H0C98SeBT-urbKrM47LZcfIhU/0/da"><img src="http://feedads.g.doubleclick.net/~a/o4H0C98SeBT-urbKrM47LZcfIhU/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/o4H0C98SeBT-urbKrM47LZcfIhU/1/da"><img src="http://feedads.g.doubleclick.net/~a/o4H0C98SeBT-urbKrM47LZcfIhU/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/cssworldru/~4/TmNFXx_tmBE" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/podklyuchaem-nestandartnye-shrifty/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://cssworld.ru/podklyuchaem-nestandartnye-shrifty/</feedburner:origLink></item>
		<item>
		<title>Выдвижное меню</title>
		<link>http://feedproxy.google.com/~r/cssworldru/~3/fYG9rPBpQeI/</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>

<p><a href="http://feedads.g.doubleclick.net/~a/fm21xkVEt25aPZVqLbyWPnJjw5Q/0/da"><img src="http://feedads.g.doubleclick.net/~a/fm21xkVEt25aPZVqLbyWPnJjw5Q/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/fm21xkVEt25aPZVqLbyWPnJjw5Q/1/da"><img src="http://feedads.g.doubleclick.net/~a/fm21xkVEt25aPZVqLbyWPnJjw5Q/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/cssworldru/~4/fYG9rPBpQeI" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/stack-menu/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://cssworld.ru/stack-menu/</feedburner:origLink></item>
		<item>
		<title>Pikachoose: jQuery-галерея</title>
		<link>http://feedproxy.google.com/~r/cssworldru/~3/bSNHoOIayXQ/</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>Включение / отключение кнопок &#8220;Вперед&#8221; / &#8220;Назад&#8221;</li>
<li>Высота / Ширина миниатюры</li>
<li>Задержка</li>
<li>Собственные миниатюры</li>
</ul>
<p><a href="http://pikachoose.com/demo/">Демо</a> <a href="http://pikachoose.com/">Официальный сайт</a></p>

<p><a href="http://feedads.g.doubleclick.net/~a/CLhx7Mp2AALFQqGf2JGQaE2Ecak/0/da"><img src="http://feedads.g.doubleclick.net/~a/CLhx7Mp2AALFQqGf2JGQaE2Ecak/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/CLhx7Mp2AALFQqGf2JGQaE2Ecak/1/da"><img src="http://feedads.g.doubleclick.net/~a/CLhx7Mp2AALFQqGf2JGQaE2Ecak/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/cssworldru/~4/bSNHoOIayXQ" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/jquery-gallery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://cssworld.ru/jquery-gallery/</feedburner:origLink></item>
		<item>
		<title>Крутящееся раздвигающееся меню</title>
		<link>http://feedproxy.google.com/~r/cssworldru/~3/OP9_zOT5gIU/</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>

<p><a href="http://feedads.g.doubleclick.net/~a/7S5cGQGX-8COLPIYkNoujb9v_Gw/0/da"><img src="http://feedads.g.doubleclick.net/~a/7S5cGQGX-8COLPIYkNoujb9v_Gw/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/7S5cGQGX-8COLPIYkNoujb9v_Gw/1/da"><img src="http://feedads.g.doubleclick.net/~a/7S5cGQGX-8COLPIYkNoujb9v_Gw/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/cssworldru/~4/OP9_zOT5gIU" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/rounded-menu/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://cssworld.ru/rounded-menu/</feedburner:origLink></item>
		<item>
		<title>CSS3-хаки,трюки и техники</title>
		<link>http://feedproxy.google.com/~r/cssworldru/~3/XuGjxOgSs3A/</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>

<p><a href="http://feedads.g.doubleclick.net/~a/DMfZx5t-VsN4P5kAIoVe3OKRzV0/0/da"><img src="http://feedads.g.doubleclick.net/~a/DMfZx5t-VsN4P5kAIoVe3OKRzV0/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/DMfZx5t-VsN4P5kAIoVe3OKRzV0/1/da"><img src="http://feedads.g.doubleclick.net/~a/DMfZx5t-VsN4P5kAIoVe3OKRzV0/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/cssworldru/~4/XuGjxOgSs3A" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/css3-xakitryuki-i-texniki/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://cssworld.ru/css3-xakitryuki-i-texniki/</feedburner:origLink></item>
		<item>
		<title>Что это? и из чего?</title>
		<link>http://feedproxy.google.com/~r/cssworldru/~3/fOIvhme8Tng/</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 Вообщем переходим на пост Романа Кортеса кликаем по песне &#8220;Yesterday&#8221; [...]]]></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> Романа Кортеса кликаем по песне &#8220;Yesterday&#8221;  и получаем данный портрет. Использовано CSS и JS.<br />
Песню &#8220;Yesterday&#8221; написал кстати МакКартни:)</p>

<p><a href="http://feedads.g.doubleclick.net/~a/QeqZNVjZdhOviv_laAlqgVl5nUs/0/da"><img src="http://feedads.g.doubleclick.net/~a/QeqZNVjZdhOviv_laAlqgVl5nUs/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/QeqZNVjZdhOviv_laAlqgVl5nUs/1/da"><img src="http://feedads.g.doubleclick.net/~a/QeqZNVjZdhOviv_laAlqgVl5nUs/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/cssworldru/~4/fOIvhme8Tng" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/what-is-it/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://cssworld.ru/what-is-it/</feedburner:origLink></item>
		<item>
		<title>Formee – быстрый способ создания форм</title>
		<link>http://feedproxy.google.com/~r/cssworldru/~3/F0SZwllwLBw/</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>

<p><a href="http://feedads.g.doubleclick.net/~a/3ar3dd_67yCoTB6i4UhLfE0un0U/0/da"><img src="http://feedads.g.doubleclick.net/~a/3ar3dd_67yCoTB6i4UhLfE0un0U/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/3ar3dd_67yCoTB6i4UhLfE0un0U/1/da"><img src="http://feedads.g.doubleclick.net/~a/3ar3dd_67yCoTB6i4UhLfE0un0U/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/cssworldru/~4/F0SZwllwLBw" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/quickly-creating-cross-browser-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://cssworld.ru/quickly-creating-cross-browser-web/</feedburner:origLink></item>
		<item>
		<title>Простая крутилка баннеров</title>
		<link>http://feedproxy.google.com/~r/cssworldru/~3/ZxPbWYrMIAM/</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>

<p><a href="http://feedads.g.doubleclick.net/~a/F26eg5tO4yemw0uSb6wvMzjyrxM/0/da"><img src="http://feedads.g.doubleclick.net/~a/F26eg5tO4yemw0uSb6wvMzjyrxM/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/F26eg5tO4yemw0uSb6wvMzjyrxM/1/da"><img src="http://feedads.g.doubleclick.net/~a/F26eg5tO4yemw0uSb6wvMzjyrxM/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/cssworldru/~4/ZxPbWYrMIAM" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/prostaya-krutilka-bannerov/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://cssworld.ru/prostaya-krutilka-bannerov/</feedburner:origLink></item>
		<item>
		<title>jsTree – работаем с деревьями</title>
		<link>http://feedproxy.google.com/~r/cssworldru/~3/BG6OcTVydmU/</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>

<p><a href="http://feedads.g.doubleclick.net/~a/UcXOOnaJqMUA5ODcThwlOcFC4lQ/0/da"><img src="http://feedads.g.doubleclick.net/~a/UcXOOnaJqMUA5ODcThwlOcFC4lQ/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/UcXOOnaJqMUA5ODcThwlOcFC4lQ/1/da"><img src="http://feedads.g.doubleclick.net/~a/UcXOOnaJqMUA5ODcThwlOcFC4lQ/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/cssworldru/~4/BG6OcTVydmU" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/jstree-rabotaem-s-derevyami/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://cssworld.ru/jstree-rabotaem-s-derevyami/</feedburner:origLink></item>
		<item>
		<title>Все что вы хотели знать про HTML 5</title>
		<link>http://feedproxy.google.com/~r/cssworldru/~3/MitFmIannfA/</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>

<p><a href="http://feedads.g.doubleclick.net/~a/MEO9DUwcGzXQj0yyStYphpVIh_c/0/da"><img src="http://feedads.g.doubleclick.net/~a/MEO9DUwcGzXQj0yyStYphpVIh_c/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/MEO9DUwcGzXQj0yyStYphpVIh_c/1/da"><img src="http://feedads.g.doubleclick.net/~a/MEO9DUwcGzXQj0yyStYphpVIh_c/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/cssworldru/~4/MitFmIannfA" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/all-about-html5/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://cssworld.ru/all-about-html5/</feedburner:origLink></item>
		<item>
		<title>Игры и jQuery</title>
		<link>http://feedproxy.google.com/~r/cssworldru/~3/gTh6X3dtF1M/</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. Есть три уровня сложности начальный, средний и сложный чтобы выделить клетку &#8220;вопросом&#8221; и оставить решение на потом, кликаем по клетке удерживая 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> чтобы выделить клетку &#8220;вопросом&#8221; и оставить решение на потом, кликаем по клетке удерживая 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>

<p><a href="http://feedads.g.doubleclick.net/~a/XMt_z6Pd7fhWNS_KbcrhGQp4l7c/0/da"><img src="http://feedads.g.doubleclick.net/~a/XMt_z6Pd7fhWNS_KbcrhGQp4l7c/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/XMt_z6Pd7fhWNS_KbcrhGQp4l7c/1/da"><img src="http://feedads.g.doubleclick.net/~a/XMt_z6Pd7fhWNS_KbcrhGQp4l7c/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/cssworldru/~4/gTh6X3dtF1M" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/mine-sweeper-game-on-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://cssworld.ru/mine-sweeper-game-on-jquery/</feedburner:origLink></item>
		<item>
		<title>Простой пример Drag &amp; Drop</title>
		<link>http://feedproxy.google.com/~r/cssworldru/~3/LQJ7hCGf3GI/</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>

<p><a href="http://feedads.g.doubleclick.net/~a/ylFQr3wU-fKt_ytdFumAoPsvIWk/0/da"><img src="http://feedads.g.doubleclick.net/~a/ylFQr3wU-fKt_ytdFumAoPsvIWk/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/ylFQr3wU-fKt_ytdFumAoPsvIWk/1/da"><img src="http://feedads.g.doubleclick.net/~a/ylFQr3wU-fKt_ytdFumAoPsvIWk/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/cssworldru/~4/LQJ7hCGf3GI" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/prostoj-primer-drag-drop/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		<feedburner:origLink>http://cssworld.ru/prostoj-primer-drag-drop/</feedburner:origLink></item>
		<item>
		<title>Прикольное apple-style меню на jQuery</title>
		<link>http://feedproxy.google.com/~r/cssworldru/~3/6Spq7dUds-s/</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. При наведении на раздел меню соответствующие значки плавно выезжают сверху. Создавая при этом эффект &#8220;перемешивания карт&#8221; Демо и Статья на блоге автора]]></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. При наведении на раздел меню соответствующие значки плавно выезжают сверху. Создавая при этом эффект &#8220;перемешивания карт&#8221;<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>

<p><a href="http://feedads.g.doubleclick.net/~a/S5AT_uFHUv4jgYduMtJOcDda-h0/0/da"><img src="http://feedads.g.doubleclick.net/~a/S5AT_uFHUv4jgYduMtJOcDda-h0/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/S5AT_uFHUv4jgYduMtJOcDda-h0/1/da"><img src="http://feedads.g.doubleclick.net/~a/S5AT_uFHUv4jgYduMtJOcDda-h0/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/cssworldru/~4/6Spq7dUds-s" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/apple-style-menu-on-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://cssworld.ru/apple-style-menu-on-jquery/</feedburner:origLink></item>
		<item>
		<title>Подбираем цвет онлайн</title>
		<link>http://feedproxy.google.com/~r/cssworldru/~3/QvLtE3jRFS8/</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>

<p><a href="http://feedads.g.doubleclick.net/~a/pk94fIOvHevps2_vfTpk44yxqIY/0/da"><img src="http://feedads.g.doubleclick.net/~a/pk94fIOvHevps2_vfTpk44yxqIY/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/pk94fIOvHevps2_vfTpk44yxqIY/1/da"><img src="http://feedads.g.doubleclick.net/~a/pk94fIOvHevps2_vfTpk44yxqIY/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/cssworldru/~4/QvLtE3jRFS8" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/color-finder/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://cssworld.ru/color-finder/</feedburner:origLink></item>
		<item>
		<title>Выбор даты на jQuery: CalendarPicker</title>
		<link>http://feedproxy.google.com/~r/cssworldru/~3/bvZncdGph1c/</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>

<p><a href="http://feedads.g.doubleclick.net/~a/mCDy44hOcRuVwAdllbDg1EEovDQ/0/da"><img src="http://feedads.g.doubleclick.net/~a/mCDy44hOcRuVwAdllbDg1EEovDQ/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/mCDy44hOcRuVwAdllbDg1EEovDQ/1/da"><img src="http://feedads.g.doubleclick.net/~a/mCDy44hOcRuVwAdllbDg1EEovDQ/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/cssworldru/~4/bvZncdGph1c" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/data-checker/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://cssworld.ru/data-checker/</feedburner:origLink></item>
		<item>
		<title>Как научить IE border-radius и box-shadow</title>
		<link>http://feedproxy.google.com/~r/cssworldru/~3/BizAPW5Gu_k/</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>

<p><a href="http://feedads.g.doubleclick.net/~a/sRZYelBQWMtFxXKq4jac3ywZbew/0/da"><img src="http://feedads.g.doubleclick.net/~a/sRZYelBQWMtFxXKq4jac3ywZbew/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/sRZYelBQWMtFxXKq4jac3ywZbew/1/da"><img src="http://feedads.g.doubleclick.net/~a/sRZYelBQWMtFxXKq4jac3ywZbew/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/cssworldru/~4/BizAPW5Gu_k" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/border-radius-and-box-shadow-in-ie/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://cssworld.ru/border-radius-and-box-shadow-in-ie/</feedburner:origLink></item>
		<item>
		<title>Текстовый редактор для вашего сайта</title>
		<link>http://feedproxy.google.com/~r/cssworldru/~3/Uevw3fiHRxY/</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>

<p><a href="http://feedads.g.doubleclick.net/~a/DqOhQTmPIwldF62UrS-c0Y6g-Ao/0/da"><img src="http://feedads.g.doubleclick.net/~a/DqOhQTmPIwldF62UrS-c0Y6g-Ao/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/DqOhQTmPIwldF62UrS-c0Y6g-Ao/1/da"><img src="http://feedads.g.doubleclick.net/~a/DqOhQTmPIwldF62UrS-c0Y6g-Ao/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/cssworldru/~4/Uevw3fiHRxY" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/tekstovyj-redaktor-dlya-vashego-sajta/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://cssworld.ru/tekstovyj-redaktor-dlya-vashego-sajta/</feedburner:origLink></item>
		<item>
		<title>jQuery Наложение</title>
		<link>http://feedproxy.google.com/~r/cssworldru/~3/MOMQp2B3o4U/</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. &#8220;Lighbox&#8221;- стиль галереи изображений. Демо и документация]]></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. &#8220;Lighbox&#8221;- стиль галереи изображений.</p>
<p><a href="http://flowplayer.org/tools/overlay.html">Демо и документация</a></p>

<p><a href="http://feedads.g.doubleclick.net/~a/bl9hY7d45vupV31JXHBvWAHNf5k/0/da"><img src="http://feedads.g.doubleclick.net/~a/bl9hY7d45vupV31JXHBvWAHNf5k/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/bl9hY7d45vupV31JXHBvWAHNf5k/1/da"><img src="http://feedads.g.doubleclick.net/~a/bl9hY7d45vupV31JXHBvWAHNf5k/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/cssworldru/~4/MOMQp2B3o4U" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/jquery-overlay/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://cssworld.ru/jquery-overlay/</feedburner:origLink></item>
		<item>
		<title>Анимированный hover</title>
		<link>http://feedproxy.google.com/~r/cssworldru/~3/5u2oXIYGAY0/</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[При наведении на изображение, оно отодвигается как ворота и нам открывается краткое пояснение куда мы хотим перейти. Стороны, в которые может открываться эта &#8220;дверь&#8221; можно настраивать. Доступны варианты вверх и вниз, влево и вправо. Естественно все это работает при помощи 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 />
При наведении на изображение, оно отодвигается как ворота и нам открывается краткое пояснение куда мы хотим перейти. Стороны, в которые может открываться эта &#8220;дверь&#8221; можно настраивать. Доступны варианты вверх и вниз, влево и вправо. Естественно все это работает при помощи 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>

<p><a href="http://feedads.g.doubleclick.net/~a/VWW8Clt2XAjjyEw-FBgrLUe-fGw/0/da"><img src="http://feedads.g.doubleclick.net/~a/VWW8Clt2XAjjyEw-FBgrLUe-fGw/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/VWW8Clt2XAjjyEw-FBgrLUe-fGw/1/da"><img src="http://feedads.g.doubleclick.net/~a/VWW8Clt2XAjjyEw-FBgrLUe-fGw/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/cssworldru/~4/5u2oXIYGAY0" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/animating-hover/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://cssworld.ru/animating-hover/</feedburner:origLink></item>
		<item>
		<title>Центрирование div’ов</title>
		<link>http://feedproxy.google.com/~r/cssworldru/~3/zbnl2qQfGrc/</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>

<p><a href="http://feedads.g.doubleclick.net/~a/hQm6i_Dxy1gvUafCNTf2H7B4_HQ/0/da"><img src="http://feedads.g.doubleclick.net/~a/hQm6i_Dxy1gvUafCNTf2H7B4_HQ/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/hQm6i_Dxy1gvUafCNTf2H7B4_HQ/1/da"><img src="http://feedads.g.doubleclick.net/~a/hQm6i_Dxy1gvUafCNTf2H7B4_HQ/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/cssworldru/~4/zbnl2qQfGrc" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/centering-a-div/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://cssworld.ru/centering-a-div/</feedburner:origLink></item>
		<item>
		<title>Всплывающие подсказки</title>
		<link>http://feedproxy.google.com/~r/cssworldru/~3/AGqZ9PkI1io/</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 позволяет передавать содержимое, используя подсказки &#8220;title&#8221; атрибут в разметке или вы можете задать пользовательские строки.</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>

<p><a href="http://feedads.g.doubleclick.net/~a/dyazwSc9RwTqyUwfYXEFa39ttJ8/0/da"><img src="http://feedads.g.doubleclick.net/~a/dyazwSc9RwTqyUwfYXEFa39ttJ8/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/dyazwSc9RwTqyUwfYXEFa39ttJ8/1/da"><img src="http://feedads.g.doubleclick.net/~a/dyazwSc9RwTqyUwfYXEFa39ttJ8/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/cssworldru/~4/AGqZ9PkI1io" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/vsplyvayushhie-podskazki-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://cssworld.ru/vsplyvayushhie-podskazki-2/</feedburner:origLink></item>
		<item>
		<title>Правильный justify</title>
		<link>http://feedproxy.google.com/~r/cssworldru/~3/cpYT4Sa-M0g/</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>

<p><a href="http://feedads.g.doubleclick.net/~a/2zq3OS9aQcW4eGdivfN5CEbv58M/0/da"><img src="http://feedads.g.doubleclick.net/~a/2zq3OS9aQcW4eGdivfN5CEbv58M/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/2zq3OS9aQcW4eGdivfN5CEbv58M/1/da"><img src="http://feedads.g.doubleclick.net/~a/2zq3OS9aQcW4eGdivfN5CEbv58M/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/cssworldru/~4/cpYT4Sa-M0g" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/good-justify/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://cssworld.ru/good-justify/</feedburner:origLink></item>
		<item>
		<title>Доска почета</title>
		<link>http://feedproxy.google.com/~r/cssworldru/~3/wh4eVri2XFg/</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[Отличное решение для размещения спонсоров или рекламных баннеров. Сначала мы видим логотип, а после нажатия мышки,лого переворачивается, аналогично буквам в телепрограмме &#8220;Поле чудес&#8220;, и появляется краткое описание и ссылка. Демо и описание]]></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>Отличное решение для размещения спонсоров или рекламных баннеров. Сначала мы видим логотип, а после нажатия мышки,лого переворачивается, аналогично буквам в телепрограмме &#8220;<em>Поле чудес</em>&#8220;, и появляется краткое описание и ссылка.<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>

<p><a href="http://feedads.g.doubleclick.net/~a/LFzmP8FLWUrwR8ektUSvWZj2SMo/0/da"><img src="http://feedads.g.doubleclick.net/~a/LFzmP8FLWUrwR8ektUSvWZj2SMo/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/LFzmP8FLWUrwR8ektUSvWZj2SMo/1/da"><img src="http://feedads.g.doubleclick.net/~a/LFzmP8FLWUrwR8ektUSvWZj2SMo/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/cssworldru/~4/wh4eVri2XFg" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/hall-of-fame/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://cssworld.ru/hall-of-fame/</feedburner:origLink></item>
		<item>
		<title>Индикатор сложности пароля</title>
		<link>http://feedproxy.google.com/~r/cssworldru/~3/ZW8zE3xP5Qw/</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>

<p><a href="http://feedads.g.doubleclick.net/~a/x1o_yj5-Vr7JcWRHfk_0mXwN_gg/0/da"><img src="http://feedads.g.doubleclick.net/~a/x1o_yj5-Vr7JcWRHfk_0mXwN_gg/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/x1o_yj5-Vr7JcWRHfk_0mXwN_gg/1/da"><img src="http://feedads.g.doubleclick.net/~a/x1o_yj5-Vr7JcWRHfk_0mXwN_gg/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/cssworldru/~4/ZW8zE3xP5Qw" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/password-strength-checker/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://cssworld.ru/password-strength-checker/</feedburner:origLink></item>
		<item>
		<title>Анимация на сайте без FLASH и .gif</title>
		<link>http://feedproxy.google.com/~r/cssworldru/~3/FspKA8lifcc/</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>

<p><a href="http://feedads.g.doubleclick.net/~a/paApJjn95xN8vHY7mP1C2DcSTxg/0/da"><img src="http://feedads.g.doubleclick.net/~a/paApJjn95xN8vHY7mP1C2DcSTxg/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/paApJjn95xN8vHY7mP1C2DcSTxg/1/da"><img src="http://feedads.g.doubleclick.net/~a/paApJjn95xN8vHY7mP1C2DcSTxg/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/cssworldru/~4/FspKA8lifcc" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/animation-whithout-flash-and-gif/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://cssworld.ru/animation-whithout-flash-and-gif/</feedburner:origLink></item>
		<item>
		<title>Типографика в веб-дизайне</title>
		<link>http://feedproxy.google.com/~r/cssworldru/~3/qNn25VYePUc/</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>

<p><a href="http://feedads.g.doubleclick.net/~a/PrrxY1-n6jv32_NQpIgP4-Kx98g/0/da"><img src="http://feedads.g.doubleclick.net/~a/PrrxY1-n6jv32_NQpIgP4-Kx98g/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/PrrxY1-n6jv32_NQpIgP4-Kx98g/1/da"><img src="http://feedads.g.doubleclick.net/~a/PrrxY1-n6jv32_NQpIgP4-Kx98g/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/cssworldru/~4/qNn25VYePUc" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/tipografika-v-veb-dizajne/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		<feedburner:origLink>http://cssworld.ru/tipografika-v-veb-dizajne/</feedburner:origLink></item>
		<item>
		<title>Верчу как хочу. Часть 2</title>
		<link>http://feedproxy.google.com/~r/cssworldru/~3/TT-mwbAnk9A/</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 элементы в прикольныые, настраиваемые интерактивные и &#8220;вертушки-подобные&#8221; (и нетолько) интерфейсы. По умолчанию, она работает с упорядоченными и неупорядоченными списками, но при небольшой модификации можно конвертировать любую вложенную структуру 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 элементы в прикольныые, настраиваемые интерактивные и &#8220;вертушки-подобные&#8221; (и нетолько) интерфейсы.</p>
<p>По умолчанию, она работает с упорядоченными и неупорядоченными  списками, но при небольшой модификации можно конвертировать любую вложенную структуру HTML.<br />
<span id="more-266"></span><br />
<a href="http://fredhq.com/projects/roundabout/">Все о плагине</a> там же и демо</p>

<p><a href="http://feedads.g.doubleclick.net/~a/foSxTgcjkuYNEvtwE7nqPWPc9v8/0/da"><img src="http://feedads.g.doubleclick.net/~a/foSxTgcjkuYNEvtwE7nqPWPc9v8/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/foSxTgcjkuYNEvtwE7nqPWPc9v8/1/da"><img src="http://feedads.g.doubleclick.net/~a/foSxTgcjkuYNEvtwE7nqPWPc9v8/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/cssworldru/~4/TT-mwbAnk9A" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/verchu-kak-xochu-chast-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://cssworld.ru/verchu-kak-xochu-chast-2/</feedburner:origLink></item>
	</channel>
</rss>
