<?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 &#187; приколюхи</title>
	<atom:link href="http://cssworld.ru/tag/prikolyuxi/feed/" rel="self" type="application/rss+xml" />
	<link>http://cssworld.ru</link>
	<description>Про css, html, ajax и многое другое...</description>
	<lastBuildDate>Mon, 16 Jan 2012 15:55:01 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<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[Интересное]]></category>
		<category><![CDATA[Плагиины jQuery]]></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> выполненному полностью из <a href="http://cssworld.ru/tag/css/" class="st_tag internal_tag" rel="tag" title="Posts tagged with css">CSS</a>+HTML, Roman Cortes<span id="more-362"></span> Вообщем <a href="http://www.romancortes.com/blog/a-tribute-to-the-beatles/">переходим на пост</a> Романа Кортеса кликаем по песне &laquo;Yesterday&raquo;  и получаем данный портрет. Использовано <a href="http://cssworld.ru/tag/css/" class="st_tag internal_tag" rel="tag" title="Posts tagged with css">CSS</a> и JS.<br />
Песню &laquo;Yesterday&raquo; написал кстати МакКартни:) А вообще в последнее время мне все больше нравится <a href="http://muz.ru/Store/ArtistDetails.aspx?ArtistId=ART0000022214">	shakira	</a></p>

	<h4>Смотрите также</h4>
	<ul class="st-related-posts">
	<li><a href="http://cssworld.ru/tekst-v-izobrazhenie/" title="Текст &#8211; в изображение (Октябрь 23, 2008)">Текст &#8211; в изображение</a> </li>
	<li><a href="http://cssworld.ru/izmenenie-cveta-fona-vydelennogo-teksta/" title="Изменение цвета фона выделенного текста (Июнь 18, 2008)">Изменение цвета фона выделенного текста</a> </li>
	<li><a href="http://cssworld.ru/mine-sweeper-game-on-jquery/" title="Игры и jQuery (Апрель 17, 2010)">Игры и jQuery</a> </li>
	<li><a href="http://cssworld.ru/gomer-na-css/" title="Гомер на CSS (Май 31, 2008)">Гомер на CSS</a> </li>
	<li><a href="http://cssworld.ru/verchu-kak-xochu-chast-2/" title="Верчу как хочу. Часть 2 (Декабрь 21, 2009)">Верчу как хочу. Часть 2</a> </li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/what-is-it/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[Интересное]]></category>
		<category><![CDATA[Плагиины jQuery]]></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>

	<h4>Смотрите также</h4>
	<ul class="st-related-posts">
	<li><a href="http://cssworld.ru/what-is-it/" title="Что это? и из чего? (Май 4, 2010)">Что это? и из чего?</a> </li>
	<li><a href="http://cssworld.ru/tekst-v-izobrazhenie/" title="Текст &#8211; в изображение (Октябрь 23, 2008)">Текст &#8211; в изображение</a> </li>
	<li><a href="http://cssworld.ru/linii-onlajn/" title="Линии онлайн (Октябрь 7, 2008)">Линии онлайн</a> </li>
	<li><a href="http://cssworld.ru/izmenenie-cveta-fona-vydelennogo-teksta/" title="Изменение цвета фона выделенного текста (Июнь 18, 2008)">Изменение цвета фона выделенного текста</a> </li>
	<li><a href="http://cssworld.ru/gomer-na-css/" title="Гомер на CSS (Май 31, 2008)">Гомер на CSS</a> </li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/mine-sweeper-game-on-jquery/feed/</wfw:commentRss>
		<slash:comments>0</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[Плагиины jQuery]]></category>
		<category><![CDATA[приколюхи]]></category>

		<guid isPermaLink="false">http://cssworld.ru/?p=266</guid>
		<description><![CDATA[JQuery Roundabout очень впечатляющий плагин, который преобразует HTML элементы в прикольныые, настраиваемые интерактивные и &#171;вертушки-подобные&#187; (и нетолько) интерфейсы. По умолчанию, она работает с упорядоченными и неупорядоченными списками, но при небольшой модификации можно конвертировать любую вложенную структуру HTML. Все о плагине там же и демо Смотрите также Что это? и из чего? Текст &#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%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><strong>JQuery Roundabout</strong> очень впечатляющий плагин, который преобразует HTML элементы в прикольныые, настраиваемые интерактивные и &laquo;вертушки-подобные&raquo; (и нетолько) интерфейсы.</p>
<p>По умолчанию, она работает с упорядоченными и неупорядоченными  списками, но при небольшой модификации можно конвертировать любую вложенную структуру HTML.<br />
<span id="more-266"></span><br />
<a href="http://fredhq.com/projects/roundabout/">Все о плагине</a> там же и демо</p>

	<h4>Смотрите также</h4>
	<ul class="st-related-posts">
	<li><a href="http://cssworld.ru/what-is-it/" title="Что это? и из чего? (Май 4, 2010)">Что это? и из чего?</a> </li>
	<li><a href="http://cssworld.ru/tekst-v-izobrazhenie/" title="Текст &#8211; в изображение (Октябрь 23, 2008)">Текст &#8211; в изображение</a> </li>
	<li><a href="http://cssworld.ru/izmenenie-cveta-fona-vydelennogo-teksta/" title="Изменение цвета фона выделенного текста (Июнь 18, 2008)">Изменение цвета фона выделенного текста</a> </li>
	<li><a href="http://cssworld.ru/mine-sweeper-game-on-jquery/" title="Игры и jQuery (Апрель 17, 2010)">Игры и jQuery</a> </li>
	<li><a href="http://cssworld.ru/gomer-na-css/" title="Гомер на CSS (Май 31, 2008)">Гомер на CSS</a> </li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/verchu-kak-xochu-chast-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Текст &#8211; в изображение</title>
		<link>http://cssworld.ru/tekst-v-izobrazhenie/</link>
		<comments>http://cssworld.ru/tekst-v-izobrazhenie/#comments</comments>
		<pubDate>Thu, 23 Oct 2008 05:02: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=135</guid>
		<description><![CDATA[Прикольная приколюха. Скрипт делает из текста &#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%2Ftekst-v-izobrazhenie%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcssworld.ru%2Ftekst-v-izobrazhenie%2F&amp;style=normal&amp;service=TinyURL.com" height="61" width="50" /><br />
			</a>
		</div>
<p>Прикольная приколюха. Скрипт делает из текста &#8211; изображение. Пока не пойму зачем она нужна, если есть фотошоп. Разве что может пригодится тем кто использует в шапке изображение с нестандартным шрифтом и которое необходимо часто изменять.<br />
<span id="more-135"></span><br />
<a href="http://facelift.mawhorter.net/"><strong>Качать от сюда</strong></a></p>
<p><a href="http://facelift.mawhorter.net/examples/"><strong>Примеры</strong></a></p>

	<h4>Смотрите также</h4>
	<ul class="st-related-posts">
	<li><a href="http://cssworld.ru/what-is-it/" title="Что это? и из чего? (Май 4, 2010)">Что это? и из чего?</a> </li>
	<li><a href="http://cssworld.ru/tipografika-v-veb-dizajne/" title="Типографика в веб-дизайне (Январь 25, 2010)">Типографика в веб-дизайне</a> </li>
	<li><a href="http://cssworld.ru/tekstovyj-redaktor-dlya-vashego-sajta/" title="Текстовый редактор для вашего сайта (Апрель 6, 2010)">Текстовый редактор для вашего сайта</a> </li>
	<li><a href="http://cssworld.ru/tekst-pod-proizvolnym-uglom/" title="Текст под произвольным углом (Май 24, 2009)">Текст под произвольным углом</a> </li>
	<li><a href="http://cssworld.ru/good-justify/" title="Правильный justify (Март 27, 2010)">Правильный justify</a> </li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/tekst-v-izobrazhenie/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Изменение цвета фона выделенного текста</title>
		<link>http://cssworld.ru/izmenenie-cveta-fona-vydelennogo-teksta/</link>
		<comments>http://cssworld.ru/izmenenie-cveta-fona-vydelennogo-teksta/#comments</comments>
		<pubDate>Wed, 18 Jun 2008 15:40:54 +0000</pubDate>
		<dc:creator>cssmaster</dc:creator>
				<category><![CDATA[CSS-Приемы]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[приколюхи]]></category>
		<category><![CDATA[фон]]></category>

		<guid isPermaLink="false">http://cssworld.ru/?p=64</guid>
		<description><![CDATA[Сомнительная в принципе применения, но очень забавная приколюха которая позволяет менять фон текста при выделении, возможно даже на изображение Приготовились? Поехали! Смотрите также Что это? и из чего? Текст &#8211; в изображение Решение распостроненных проблем в CSS Пускаем пузыри Почему не следует использовать @import]]></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%2Fizmenenie-cveta-fona-vydelennogo-teksta%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcssworld.ru%2Fizmenenie-cveta-fona-vydelennogo-teksta%2F&amp;style=normal&amp;service=TinyURL.com" height="61" width="50" /><br />
			</a>
		</div>
<p>Сомнительная в принципе применения, но очень забавная приколюха которая позволяет менять фон текста при выделении, возможно даже на изображение</p>
<p>Приготовились? <a href="http://cssworld.ru/goto.php?site=http://dimox.name/overriding-the-default-text-selection-color-with-css/">Поехали!</a></p>

	<h4>Смотрите также</h4>
	<ul class="st-related-posts">
	<li><a href="http://cssworld.ru/what-is-it/" title="Что это? и из чего? (Май 4, 2010)">Что это? и из чего?</a> </li>
	<li><a href="http://cssworld.ru/tekst-v-izobrazhenie/" title="Текст &#8211; в изображение (Октябрь 23, 2008)">Текст &#8211; в изображение</a> </li>
	<li><a href="http://cssworld.ru/reshenie-raspostronennyx-problem-v-css/" title="Решение распостроненных проблем в CSS (Июнь 17, 2008)">Решение распостроненных проблем в CSS</a> </li>
	<li><a href="http://cssworld.ru/puskaem-puzyri/" title="Пускаем пузыри (Июль 22, 2010)">Пускаем пузыри</a> </li>
	<li><a href="http://cssworld.ru/pochemu-ne-sleduet-ispolzovat-import/" title="Почему не следует использовать @import (Апрель 14, 2009)">Почему не следует использовать @import</a> </li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/izmenenie-cveta-fona-vydelennogo-teksta/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Гомер на CSS</title>
		<link>http://cssworld.ru/gomer-na-css/</link>
		<comments>http://cssworld.ru/gomer-na-css/#comments</comments>
		<pubDate>Sat, 31 May 2008 06:05:22 +0000</pubDate>
		<dc:creator>cssmaster</dc:creator>
				<category><![CDATA[CSS-Приемы]]></category>
		<category><![CDATA[Интересное]]></category>
		<category><![CDATA[приколюхи]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[Изображение Гомера Симпсона на чистом CSS. Автор сего творения Roman Cortes. Анимация создания Гомера Мало того что это изображение сделано без использование графики, так оно еще и кросбраузерно. Смотрим в оригинале и анимацию Смотрите также Что это? и из чего? Текст &#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%2Fgomer-na-css%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcssworld.ru%2Fgomer-na-css%2F&amp;style=normal&amp;service=TinyURL.com" height="61" width="50" /><br />
			</a>
		</div>
<p>Изображение Гомера Симпсона на чистом <a href="http://cssworld.ru/tag/css/" class="st_tag internal_tag" rel="tag" title="Posts tagged with css">CSS</a>. Автор сего творения Roman Cortes. Анимация создания Гомера<br />
<img src="http://cssworld.ru/wp-content/uploads/2008/05/homer.png" alt="" title="homer" width="540" height="426" class="alignnone size-full wp-image-316" /></p>
<p>Мало того что это изображение сделано без использование графики, так оно еще и кросбраузерно.<br />
<a href="http://www.romancortes.com/blog/homer-css/">Смотрим в оригинале</a> и <a href="http://nedbatchelder.com/blog/200805/css_homer_animated.html">анимацию</a></p>

	<h4>Смотрите также</h4>
	<ul class="st-related-posts">
	<li><a href="http://cssworld.ru/what-is-it/" title="Что это? и из чего? (Май 4, 2010)">Что это? и из чего?</a> </li>
	<li><a href="http://cssworld.ru/tekst-v-izobrazhenie/" title="Текст &#8211; в изображение (Октябрь 23, 2008)">Текст &#8211; в изображение</a> </li>
	<li><a href="http://cssworld.ru/izmenenie-cveta-fona-vydelennogo-teksta/" title="Изменение цвета фона выделенного текста (Июнь 18, 2008)">Изменение цвета фона выделенного текста</a> </li>
	<li><a href="http://cssworld.ru/mine-sweeper-game-on-jquery/" title="Игры и jQuery (Апрель 17, 2010)">Игры и jQuery</a> </li>
	<li><a href="http://cssworld.ru/verchu-kak-xochu-chast-2/" title="Верчу как хочу. Часть 2 (Декабрь 21, 2009)">Верчу как хочу. Часть 2</a> </li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/gomer-na-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

