<?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>PION.RU - Только лучшее видео, игры, роботы, технологии, музыка, юмор &#187; javascript</title>
	<atom:link href="http://pion.ru/wpress/tag/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://pion.ru/wpress</link>
	<description>PION.RU - Robots, fun, Images, Video, Games, html, css</description>
	<lastBuildDate>Fri, 20 Jan 2012 13:13:31 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.2</generator>
		<item>
		<title>Расстреливаем сайты</title>
		<link>http://pion.ru/wpress/2010/10/12/rasstrelivaem-sajty/</link>
		<comments>http://pion.ru/wpress/2010/10/12/rasstrelivaem-sajty/#comments</comments>
		<pubDate>Tue, 12 Oct 2010 17:38:08 +0000</pubDate>
		<dc:creator>Pion2er</dc:creator>
				<category><![CDATA[Веб-мастеру]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[игрушка]]></category>
		<category><![CDATA[прикольно]]></category>

		<guid isPermaLink="false">http://pion.ru/wpress/?p=4407</guid>
		<description><![CDATA[Заходим на любой сайт, вставляем в адресную строку следующий код и жмем Enter. Ну и теперь вы можете управляя маленьким космическим корабликом при помощи стрелок летать по сайту и пробелом громить его. Esc - выход. Веселуха! © 2006—2010 Pion.ru - самый познавательный и развлекательный блог Начинайте зарабатывать на своем сайте уже сейчас.]]></description>
			<content:encoded><![CDATA[<p>Заходим на любой сайт, вставляем в адресную строку следующий код и жмем Enter.</p>
<pre class="brush: jscript; title: ; notranslate">
javascript:var%20s%20=%20document.createElement('script');s.type='text/javascript';document.body.appendChild(s);s.src='http://erkie.github.com/asteroids.min.js';void(0);
</pre>
<p>Ну и теперь вы можете управляя маленьким космическим корабликом при помощи стрелок летать по сайту и пробелом громить его. Esc - выход.</p>
<p>Веселуха!</p>
<p><hr>
© 2006—2010 <a href="http://pion.ru/wpress/">Pion.ru - самый познавательный и развлекательный блог</a>
<hr>
<ul>
<li><a href="http://www.sape.ru/" onClick="this.href='http://www.sape.ru/r.ab3c37f4dc.php'">Начинайте зарабатывать</a> на своем сайте уже сейчас.
</ul></p>]]></content:encoded>
			<wfw:commentRss>http://pion.ru/wpress/2010/10/12/rasstrelivaem-sajty/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Отпечатки браузеров</title>
		<link>http://pion.ru/wpress/2010/02/02/otpechatki-brauzerov/</link>
		<comments>http://pion.ru/wpress/2010/02/02/otpechatki-brauzerov/#comments</comments>
		<pubDate>Tue, 02 Feb 2010 09:11:47 +0000</pubDate>
		<dc:creator>1820062240</dc:creator>
				<category><![CDATA[Полезно]]></category>
		<category><![CDATA[Технологии]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[анонимный серфинг]]></category>
		<category><![CDATA[браузер]]></category>
		<category><![CDATA[отпечаток]]></category>
		<category><![CDATA[слежка]]></category>

		<guid isPermaLink="false">http://pion.ru/wpress/?p=3599</guid>
		<description><![CDATA[Сервис Panopticlick показывает, как можно легко идентифицировать пользователя из множества других, всего лишь по таким параметрам как шрифты установленные в системе, установленным плагинам в браузере, разрешением экрана, юзер-агенту, временной зоне и другим малозначительным параметрам, которые ничем не защищены и легко читаются при помощи Javascript и из которых создается уникальный отпечаток посетителя, который будет достаточно сложно [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://pion.ru/wpress/wp-content/uploads/2010/02/Fingerprint.jpg" rel="lightbox[3599]"><img src="http://pion.ru/wpress/wp-content/uploads/2010/02/Fingerprint-202x300.jpg" alt="" title="Отпечаток" width="202" height="300" class="alignleft size-medium wp-image-3601" /></a>Сервис <noindex><a rel="nofollow" title="http://panopticlick.eff.org/" target="_blank" href="http://pion.ru/wpress/wp-content/plugins/extredj/red.php?ext=aHR0cDovL3Bhbm9wdGljbGljay5lZmYub3JnLw==">Panopticlick</a></noindex> показывает, как можно легко идентифицировать пользователя из множества других, всего лишь по таким параметрам как шрифты установленные в системе, установленным плагинам в браузере, разрешением экрана, юзер-агенту, временной зоне и другим малозначительным параметрам, которые ничем не защищены и легко читаются при помощи Javascript и из которых создается уникальный отпечаток посетителя, который будет достаточно сложно повторить.</p>
<p>Для пользователей это конечно же минус, т.к. у многих может возникнуть паранойя глобальной слежке, а для тех кто еще и занимается чем то незаконным в сети, станет гораздо сложнее скрывать свою личность. Один раз засветился на сайте, и можно сказать тебя уже тут будут принимать с распростертыми объятиями.<br />
<span id="more-3599"></span><br />
Для сайтов же предоставляющих платные услуги, возможность узнавать своих пользователей будет очень полезна. Во первых можно подсовывать даже не авторизированному пользователю, только ту информацию и рекламу, на которую он чаще всего кликает и обращает внимания, а если он мошенник и пытается гадить на сайте через различные прокси сервера, чистку кук и смену браузеров, то ему все равно никуда не скрыться, т.к. большая часть отпечатка, будет все равно его выдавать и администраторам будет куда проще определить мошенника.</p>
<p>Самым на сегодня безопасным браузером, по словам разработчиков, оказался браузер Firefox, нужно всего лишь отключить JavaScript, что устранит возможность определения веб-сайтами плагинов и шрифтов. Но работать без Javascript в сети сейчас практически не возможно. Можно еще попробовать включить режим Private Browsing.</p>
<p>Большой брат следит за тобой!</p>
<p><hr>
© 2006—2010 <a href="http://pion.ru/wpress/">Pion.ru - самый познавательный и развлекательный блог</a>
<hr>
<ul>
<li><a href="http://www.sape.ru/" onClick="this.href='http://www.sape.ru/r.ab3c37f4dc.php'">Начинайте зарабатывать</a> на своем сайте уже сейчас.
</ul></p>]]></content:encoded>
			<wfw:commentRss>http://pion.ru/wpress/2010/02/02/otpechatki-brauzerov/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Интерактивный редактор кода для jQuery</title>
		<link>http://pion.ru/wpress/2009/10/22/interaktivnyj-redaktor-koda-dlya-jquery/</link>
		<comments>http://pion.ru/wpress/2009/10/22/interaktivnyj-redaktor-koda-dlya-jquery/#comments</comments>
		<pubDate>Thu, 22 Oct 2009 09:27:50 +0000</pubDate>
		<dc:creator>Pion2er</dc:creator>
				<category><![CDATA[Веб-мастеру]]></category>
		<category><![CDATA[Полезно]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[интерактив]]></category>
		<category><![CDATA[интерактивный редактор]]></category>

		<guid isPermaLink="false">http://pion.ru/wpress/?p=3117</guid>
		<description><![CDATA[Очень удивительное видео о новом интерактивном редакторе IxEdit для фреймворка jQuery написаном на том же jQuery Выглядит невероятно удобно и просто. Теперь писать на Javascript вообще ничего не нужно, достаточно сверстать макет и при помощи этого редактора навесить на него весь функционал и гламур, который нынче в моде. Скачать и опробовать бесплатную beta-версию, ту, что [...]]]></description>
			<content:encoded><![CDATA[<div class="fl" style="width: 425px">
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/OblVz5-D8EI&#038;color1=0xb1b1b1&#038;color2=0xcfcfcf&#038;hl=en&#038;feature=player_embedded&#038;fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="http://www.youtube.com/v/OblVz5-D8EI&#038;color1=0xb1b1b1&#038;color2=0xcfcfcf&#038;hl=en&#038;feature=player_embedded&#038;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="425" height="344"></embed></object>
</div>
<p><span style="display: block"><img src="/img/0.gif" width="100" height="1" alt=""><br />
Очень удивительное видео о новом интерактивном редакторе IxEdit для фреймворка jQuery написаном на том же jQuery <img src='http://pion.ru/wpress/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  Выглядит невероятно удобно и просто. Теперь писать на Javascript вообще ничего не нужно, достаточно сверстать макет и при помощи этого редактора навесить на него весь функционал и гламур, который нынче в моде. </p>
<p><noindex><a rel="nofollow" title="http://www.ixedit.com/download/" target="_blank" href="http://pion.ru/wpress/wp-content/plugins/extredj/red.php?ext=aHR0cDovL3d3dy5peGVkaXQuY29tL2Rvd25sb2FkLw==">Скачать</a></noindex> и опробовать бесплатную beta-версию, ту, что в ролике можно уже сейчас. Я проверил, работает на ура. В общем нужно осваивать и во всю использовать.<br />
</span></p>
<p><hr>
© 2006—2010 <a href="http://pion.ru/wpress/">Pion.ru - самый познавательный и развлекательный блог</a>
<hr>
<ul>
<li><a href="http://www.sape.ru/" onClick="this.href='http://www.sape.ru/r.ab3c37f4dc.php'">Начинайте зарабатывать</a> на своем сайте уже сейчас.
</ul></p>]]></content:encoded>
			<wfw:commentRss>http://pion.ru/wpress/2009/10/22/interaktivnyj-redaktor-koda-dlya-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Узнаем был ли посетитель на нужных вам сайтах</title>
		<link>http://pion.ru/wpress/2009/04/07/uznaem-byl-li-posetitel-na-nuzhnyx-vam-sajtax/</link>
		<comments>http://pion.ru/wpress/2009/04/07/uznaem-byl-li-posetitel-na-nuzhnyx-vam-sajtax/#comments</comments>
		<pubDate>Tue, 07 Apr 2009 12:42:51 +0000</pubDate>
		<dc:creator>Pion2er</dc:creator>
				<category><![CDATA[Веб-мастеру]]></category>
		<category><![CDATA[Полезно]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[порно]]></category>
		<category><![CDATA[секрет]]></category>
		<category><![CDATA[ссылка]]></category>
		<category><![CDATA[тест]]></category>
		<category><![CDATA[хитрости]]></category>

		<guid isPermaLink="false">http://pion.ru/wpress/?p=2234</guid>
		<description><![CDATA[Подкинули мне ссылку на один очень полезный скрипт, который позволяет узнать был ли ваш посетитель на сайтах которые вас интересуют. Способ очень хитрый и может много где пригодится. Главное хорошенько пофантазировать Работает он примерно так. Посетитель открывает вашу страницу на которой отображаются ссылки на сайты которые вас интересуют и те ссылки которые он уже посещал [...]]]></description>
			<content:encoded><![CDATA[<p>Подкинули мне ссылку на один очень полезный скрипт, который позволяет узнать был ли ваш посетитель на сайтах которые вас интересуют. Способ очень хитрый и может много где пригодится. Главное хорошенько пофантазировать <img src='http://pion.ru/wpress/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>Работает он примерно так. Посетитель открывает вашу страницу на которой отображаются ссылки на сайты которые вас интересуют и те ссылки которые он уже посещал браузер красит как a:visited одним цветом, а те что нет другим! Тут то и приходит на помощь Javascript который на лету определяет цвет ссылки.<br />
<span id="more-2234"></span><br />
<strong>HTML</strong></p>
<pre class="brush: xml; title: ; notranslate">
&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;
&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
&lt;head&gt;
&lt;title&gt;Унаем о том, был ли посетитель на нужных нам сайтах&lt;/title&gt;
&lt;script src=&quot;mootools.js&quot; language=&quot;javascript&quot;&gt;&lt;/script&gt;

&lt;body&gt;
    &lt;div id=&quot;container&quot;&gt;
        &lt;div id=&quot;sniffer&quot;&gt; &lt;/div&gt;
	Если все ссылки остались голубого цвета, то посетите любой сайт из исписка и снова перезагрузите эту страницу.
    &lt;/div&gt;
&lt;/body&gt;
</pre>
<p><strong>CSS</strong></p>
<pre class="brush: css; title: ; notranslate">
#sniffer a:link
{
	color:#0000FF;
}

#sniffer a:visited
{
	color:#FF0000;
}
</pre>
<p><strong>JAVASCRIPT</strong></p>
<pre class="brush: jscript; title: ; notranslate">
&lt;script&gt;
var competitors = new Array();
	competitors[0] = 'http://www.izdec.ru';
	competitors[1] = 'http://www.banf.ru';
	competitors[2] = 'http://www.bonq.ru';
	competitors[3] = 'http://www.prohit.ru';
	competitors[4] = 'http://www.pion.ru';
	competitors[5] = 'http://www.musicsaler.ru';
	competitors[6] = 'http://www.kinoboy.ru';
	competitors[7] = 'http://www.pion2er.ru';

var visitedPlaces = new Array();

var visitedLink = '#ff0000';

window.addEvent('domready', function()
{
	var snifferContainer = $('sniffer');
	var snifferUL = new Element('ul').injectInside(snifferContainer);

	for(var i=0; i&lt;competitors.length; i++)
	{
		var snifferLI = new Element('li',{'id':'snifferli'+i }).injectInside(snifferUL);
		var snifferA = new Element('a', { 'href':competitors[i]}).injectInside(snifferLI);
		snifferA.innerHTML = competitors[i];

		if(snifferA.getStyle('color') == visitedLink)
		{
			var currentPointer = visitedPlaces.length;
			visitedPlaces[currentPointer+1] = competitors[i];
			alert(visitedPlaces[currentPointer+1]+' has been visited');
		}
	}
});
</pre>
<p>И еще пригодится <a href="http://pion.ru/wpress/wp-content/uploads/2009/04/mootools.js">framework mootools.js</a>, его положить в туже папку. </p>
<p>Вот сварганил быстренько готовый пример, на котором можно <a href="http://pion.ru/wpress/wp-content/uploads/2009/04/test.html">посмотреть</a> на сколько сильно вы любите порнографию. Теперь надо бы набрать базу ссылок на порносайты побольше.</p>
<p><hr>
© 2006—2010 <a href="http://pion.ru/wpress/">Pion.ru - самый познавательный и развлекательный блог</a>
<hr>
<ul>
<li><a href="http://www.sape.ru/" onClick="this.href='http://www.sape.ru/r.ab3c37f4dc.php'">Начинайте зарабатывать</a> на своем сайте уже сейчас.
</ul></p>]]></content:encoded>
			<wfw:commentRss>http://pion.ru/wpress/2009/04/07/uznaem-byl-li-posetitel-na-nuzhnyx-vam-sajtax/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>JavaScript: обработка нажатий клавиш</title>
		<link>http://pion.ru/wpress/2008/11/14/javascript-obrabotka-nazhatij-klavish/</link>
		<comments>http://pion.ru/wpress/2008/11/14/javascript-obrabotka-nazhatij-klavish/#comments</comments>
		<pubDate>Fri, 14 Nov 2008 12:08:23 +0000</pubDate>
		<dc:creator>Pion2er</dc:creator>
				<category><![CDATA[Веб-мастеру]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[key]]></category>
		<category><![CDATA[клавиша]]></category>
		<category><![CDATA[обработка нажатий]]></category>

		<guid isPermaLink="false">http://pion.ru/wpress/?p=1202</guid>
		<description><![CDATA[Иногда может понадобиться определить, какая клавиша нажата в браузере и выполнить соответствующее ей действие. Например листание страниц. Вот эти строки очень хорошо с этим справляются. Появится окно с текстом "Нажата клавиша", если будет нажата любая клавиша. Определится какая именно клавиша нажата и отобразится ее кей-код. Сработает если нажато сочетание клавиш Ctrl+G. Для клавиши Shift event.CtrlKey [...]]]></description>
			<content:encoded><![CDATA[<p>Иногда может понадобиться определить, какая клавиша нажата в браузере и выполнить соответствующее ей действие. Например листание страниц. Вот эти строки очень хорошо с этим справляются.</p>
<p>Появится окно с текстом "Нажата клавиша", если будет нажата любая клавиша.</p>
<pre class="brush: xml; title: ; notranslate">
&lt;body onkeydown=&quot;alert('Клавиша нажата');&quot;&gt;
</pre>
<p><span id="more-1202"></span><br />
Определится какая именно клавиша нажата и отобразится ее кей-код.</p>
<pre class="brush: xml; title: ; notranslate">
&lt;body onkeydown=&quot;alert(event.keyCode);&quot;&gt;
</pre>
<p>Сработает если нажато сочетание клавиш Ctrl+G.</p>
<pre class="brush: xml; title: ; notranslate">
&lt;body onkeydown=&quot;if(event.ctrlKey &amp;amp;&amp;amp; event.keyCode == 71) alert('Ctrl+G');&quot;&gt;
</pre>
<p>Для клавиши Shift event.CtrlKey поменяется на event.shiftKey, а для Alt — на event.altKey.<br />
Чтобы распознавать левый и правый Shift, используйте event.shiftLeft и event.shiftRight. Также и для клавиш Alt и Ctrl.</p>
<p>Для того, чтобы преобразовать код нажатой клавиши в текстовую абревиатуру можно использовать функцию fromCharCode</p>
<pre class="brush: xml; title: ; notranslate">
&lt;body onkeydown=&quot;alert(String.fromCharCode(event.keyCode));&quot;&gt;
</pre>
<p><hr>
© 2006—2010 <a href="http://pion.ru/wpress/">Pion.ru - самый познавательный и развлекательный блог</a>
<hr>
<ul>
<li><a href="http://www.sape.ru/" onClick="this.href='http://www.sape.ru/r.ab3c37f4dc.php'">Начинайте зарабатывать</a> на своем сайте уже сейчас.
</ul></p>]]></content:encoded>
			<wfw:commentRss>http://pion.ru/wpress/2008/11/14/javascript-obrabotka-nazhatij-klavish/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Фавиконки ко внешним ссылкам</title>
		<link>http://pion.ru/wpress/2008/07/28/favikonki-ko-vneshnim-ssylkam/</link>
		<comments>http://pion.ru/wpress/2008/07/28/favikonki-ko-vneshnim-ssylkam/#comments</comments>
		<pubDate>Mon, 28 Jul 2008 07:50:38 +0000</pubDate>
		<dc:creator>Pion2er</dc:creator>
				<category><![CDATA[Веб-мастеру]]></category>
		<category><![CDATA[Полезно]]></category>
		<category><![CDATA[favicon]]></category>
		<category><![CDATA[Greasemonkey]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[скрипт]]></category>

		<guid isPermaLink="false">http://pion.ru/wpress/?p=622</guid>
		<description><![CDATA[Для тех кто пользуется Фаерфоксом, есть неплохой скриптик для плагина Greasemonkey, который показывает у перед всеми внешними ссылками favicon-иконку этого сайта. Это очень удобно, т.к. сразу становится ясно, что ссылка внешняя и уводит с сайта, а во вторых ясно куда она ведет. Вообще для этой обезьяны много разных хороших скриптов есть. © 2006—2010 Pion.ru - [...]]]></description>
			<content:encoded><![CDATA[<p>Для тех кто пользуется Фаерфоксом, есть <a href='http://pion.ru/wpress/wp-content/uploads/2008/07/favic.user.js'>неплохой скриптик</a> для плагина <noindex><a rel="nofollow" title="https://addons.mozilla.org/ru/firefox/addon/748" target="_blank" href="http://pion.ru/wpress/wp-content/plugins/extredj/red.php?ext=aHR0cHM6Ly9hZGRvbnMubW96aWxsYS5vcmcvcnUvZmlyZWZveC9hZGRvbi83NDg=">Greasemonkey</a></noindex>, который показывает у перед всеми внешними ссылками favicon-иконку этого сайта. Это очень удобно, т.к. сразу становится ясно, что ссылка внешняя и уводит с сайта, а во вторых ясно куда она ведет. Вообще для этой обезьяны много разных хороших скриптов есть.</p>
<p><hr>
© 2006—2010 <a href="http://pion.ru/wpress/">Pion.ru - самый познавательный и развлекательный блог</a>
<hr>
<ul>
<li><a href="http://www.sape.ru/" onClick="this.href='http://www.sape.ru/r.ab3c37f4dc.php'">Начинайте зарабатывать</a> на своем сайте уже сейчас.
</ul></p>]]></content:encoded>
			<wfw:commentRss>http://pion.ru/wpress/2008/07/28/favikonki-ko-vneshnim-ssylkam/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Weebly &#8211; создание сайта в пару кликов и пару минут</title>
		<link>http://pion.ru/wpress/2008/07/14/weebly-sozdanie-sajta-v-paru-klikov-i-paru-minut/</link>
		<comments>http://pion.ru/wpress/2008/07/14/weebly-sozdanie-sajta-v-paru-klikov-i-paru-minut/#comments</comments>
		<pubDate>Mon, 14 Jul 2008 09:07:51 +0000</pubDate>
		<dc:creator>Pion2er</dc:creator>
				<category><![CDATA[Веб-мастеру]]></category>
		<category><![CDATA[Полезно]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[Weebly]]></category>
		<category><![CDATA[бесплатно]]></category>
		<category><![CDATA[сайт]]></category>
		<category><![CDATA[сервис]]></category>
		<category><![CDATA[создание]]></category>
		<category><![CDATA[хостинг]]></category>

		<guid isPermaLink="false">http://pion.ru/wpress/?p=489</guid>
		<description><![CDATA[Вот еще один интересный сервис, позволяющий своим зарегистрированным пользователям создавать сайты вообще ничего не понимающих в CSS, HTML, Javascript и так далее. Им даже не нужно разбираться с различными движками и искать хостинг. Все и сразу им предоставит этот сервис причем бесплатно. Конечно есть там и платные фичи, для получения которых нужно будет уже приобретать [...]]]></description>
			<content:encoded><![CDATA[<p>Вот еще один <noindex><a rel="nofollow" title="http://www.weebly.com/" target="_blank" href="http://pion.ru/wpress/wp-content/plugins/extredj/red.php?ext=aHR0cDovL3d3dy53ZWVibHkuY29tLw==">интересный сервис</a></noindex>, позволяющий своим зарегистрированным пользователям создавать сайты вообще ничего не понимающих в CSS, HTML, Javascript и так далее. Им даже не нужно разбираться с различными движками и искать хостинг. Все и сразу им предоставит этот сервис причем бесплатно. Конечно есть там и платные фичи, для получения которых нужно будет уже приобретать версию PRO, но они не столь важные и не критичные, например такие как закрывания страниц паролем.</p>
<p>На сайте есть демо, где можно попробовать сервис в работе. Сделано все на AJAXe и работает очень неплохо, достаточно просто перетаскивать пиктограммы на ваш сайт и там сразу будут появляться блоки, которые вы сможете сразу править. </p>
<p>Для примера я склепал сайтец с RRS лентой моего блога и еще двумя страницами, одна из которых блог на их движке. Имя сайта получилось такое <noindex><a rel="nofollow" title="http://pion.weebly.com/" target="_blank" href="http://pion.ru/wpress/wp-content/plugins/extredj/red.php?ext=aHR0cDovL3Bpb24ud2VlYmx5LmNvbS8=">pion.weebly.com</a></noindex>. Времени потратил меньше 5 минут.</p>
<p>По окончании создания вам будет предложено несколько вариантов публикации вашего сайта. Они предлагают домен третьего уровня, как в моем случае. Есть форма для проверки свободного домена 2 уровня в зоне .com и дальнейшей его покупки, ну и если у вас есть уже купленный домен, они предоставляют возможность повесить ваш сайт на него. </p>
<p>Порадовала конечно простота и удобство пользования сервисом, а главное доступностью каждому, так что теперь если кто будет просить помочь сделать сайтец, буду отсылать туда <img src='http://pion.ru/wpress/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> .</p>
<p><hr>
© 2006—2010 <a href="http://pion.ru/wpress/">Pion.ru - самый познавательный и развлекательный блог</a>
<hr>
<ul>
<li><a href="http://www.sape.ru/" onClick="this.href='http://www.sape.ru/r.ab3c37f4dc.php'">Начинайте зарабатывать</a> на своем сайте уже сейчас.
</ul></p>]]></content:encoded>
			<wfw:commentRss>http://pion.ru/wpress/2008/07/14/weebly-sozdanie-sajta-v-paru-klikov-i-paru-minut/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Страница для печати</title>
		<link>http://pion.ru/wpress/2008/06/03/stranica-dlya-pechati/</link>
		<comments>http://pion.ru/wpress/2008/06/03/stranica-dlya-pechati/#comments</comments>
		<pubDate>Mon, 02 Jun 2008 21:37:03 +0000</pubDate>
		<dc:creator>Pion2er</dc:creator>
				<category><![CDATA[Веб-мастеру]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[версия для печати]]></category>
		<category><![CDATA[печатать]]></category>
		<category><![CDATA[способ]]></category>

		<guid isPermaLink="false">http://pion.ru/wpress/?p=402</guid>
		<description><![CDATA[Нашел тут на просторах сети очень полезный способ сделать версию страницы для печати при помощи media=”print” и media=”screen” которые переключаются Javascript-ом. Вот тут можно посмотреть готовый пример и если заинтересует, то внутри вы найдете подробную инструкцию. HTML В head документа вписываем следущие строки для добавления стиля для печати, конечно не забываем создать стилевой файл в [...]]]></description>
			<content:encoded><![CDATA[<p>Нашел тут на просторах сети очень полезный способ сделать версию страницы для печати при помощи media=”print”  и media=”screen” которые переключаются Javascript-ом. Вот тут можно посмотреть готовый <a href='http://pion.ru/wpress/wp-content/uploads/2008/06/print.php'>пример</a> и если заинтересует, то внутри вы найдете подробную инструкцию.<br />
<span id="more-402"></span></p>
<p><strong>HTML</strong><br />
В head документа вписываем следущие строки для добавления стиля для печати, конечно не забываем создать стилевой файл в котором нужно скрыть все картинки и ненужные блоки, такие как меню и т.д.</p>
<pre class="brush: xml; title: ; notranslate">
&lt;!--Ваш обычный CSS файл--&gt;
&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; media=&quot;screen,projection&quot; href=&quot;site.css&quot; title=&quot;screenview&quot; /&gt;
&lt;!--Стили для печатной версии--&gt;
&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; media=&quot;print&quot; href=&quot;css/print.css&quot; /&gt;
&lt;!--Это строка для превью ипользуя Javascript--&gt;
&lt;link rel=&quot;alternate stylesheet&quot; type=&quot;text/css&quot; media=&quot;screen,projection&quot; href=&quot;print.css&quot; title=&quot;printview&quot; disabled=&quot;disabled&quot;  /&gt;
</pre>
<p><strong>HTML</strong><br />
Эти две строки и  есть переключатели которые нужно вставить в ваш документ. Для того чтобы отображалась только нужная строка, в стилевом файле для печати вам нужно будет скрыть класс switch-media вот таким образом .switch-print {display:none}, а в стилевом файле для обычного просмотра скрыть .switch-media {display:none}.</p>
<pre class="brush: xml; title: ; notranslate">
&lt;p class=&quot;switch-media&quot;&gt;&lt;a href=&quot;#&quot; onclick=&quot;setPrintCSS(false)&quot;&gt;Версия для просмотра&lt;/a&gt;&lt;/p&gt;
&lt;p class=&quot;switch-print&quot;&gt;&lt;a href=&quot;#print&quot; onclick=&quot;setPrintCSS(true)&quot;&gt;Версия для печати&lt;/a&gt;&lt;/p&gt;
</pre>
<p><strong>Javascript</strong><br />
Скрипт переключатель стилей.</p>
<pre class="brush: jscript; title: ; notranslate">
&lt;script type=&quot;text/javascript&quot;&gt;&lt;!--
function setPrintCSS(isPrint) {
	if (document.getElementsByTagName)
		x = document.getElementsByTagName('link');
	else if (document.all)
		x = document.all.tags('link');
	else 	{
		alert('Увы, но этот скрипт не работает в вашем браузере');
		return;
	}

	for (var i=0;i&lt;x.length;i++) {
		if(x[i].title == 'printview') x[i].disabled = !isPrint;
		if(x[i].title == 'screenview') x[i].disabled = isPrint;
	}
}
if(document.location.hash=='#print') setPrintCSS(true);
--&gt;
&lt;/script&gt;
</pre>
<p><hr>
© 2006—2010 <a href="http://pion.ru/wpress/">Pion.ru - самый познавательный и развлекательный блог</a>
<hr>
<ul>
<li><a href="http://www.sape.ru/" onClick="this.href='http://www.sape.ru/r.ab3c37f4dc.php'">Начинайте зарабатывать</a> на своем сайте уже сейчас.
</ul></p>]]></content:encoded>
			<wfw:commentRss>http://pion.ru/wpress/2008/06/03/stranica-dlya-pechati/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Узнаем ширину и высоту всей страницы вместе со скроллингом, а не только её видимой части</title>
		<link>http://pion.ru/wpress/2008/05/27/uznaem-shirinu-i-vysotu-vsej-stranicy-vmeste-so-skrollingom-a-ne-tolko-eyo-vidimoj-chasti/</link>
		<comments>http://pion.ru/wpress/2008/05/27/uznaem-shirinu-i-vysotu-vsej-stranicy-vmeste-so-skrollingom-a-ne-tolko-eyo-vidimoj-chasti/#comments</comments>
		<pubDate>Tue, 27 May 2008 13:49:08 +0000</pubDate>
		<dc:creator>Pion2er</dc:creator>
				<category><![CDATA[Веб-мастеру]]></category>
		<category><![CDATA[div]]></category>
		<category><![CDATA[height]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[width]]></category>
		<category><![CDATA[высота]]></category>
		<category><![CDATA[скроллинг]]></category>
		<category><![CDATA[ширина]]></category>
		<category><![CDATA[экран]]></category>

		<guid isPermaLink="false">http://pion.ru/wpress/?p=383</guid>
		<description><![CDATA[Иногда бывает нужно растянуть скажем DIV на весь экран, но выставление высоты и ширины в 100% делают это долько для видимой области экрана, вот для таких случаем нам пригодится этот код, который позволяет узнать полную высоту и ширину окна вместе со скроллингами и уже эти параметры вписать в width и height нашего дива. © 2006—2010 [...]]]></description>
			<content:encoded><![CDATA[<p>Иногда бывает нужно растянуть скажем DIV на весь экран, но выставление высоты и ширины в 100% делают это долько для видимой области экрана, вот для таких случаем нам пригодится этот код, который позволяет узнать полную высоту и ширину окна вместе со скроллингами и уже эти параметры вписать в width и height нашего дива.</p>
<pre class="brush: jscript; title: ; notranslate">
//Размер документа по вертикали
function getDocumentHeight()
{
	return (document.body.scrollHeight &gt; document.body.offsetHeight)?document.body.scrollHeight:document.body.offsetHeight;
}

//Размер документа по горизонтали
function getDocumentWidth()
{
	return (document.body.scrollWidth &gt; document.body.offsetWidth)?document.body.scrollWidth:document.body.offsetWidth;
}
</pre>
<p><hr>
© 2006—2010 <a href="http://pion.ru/wpress/">Pion.ru - самый познавательный и развлекательный блог</a>
<hr>
<ul>
<li><a href="http://www.sape.ru/" onClick="this.href='http://www.sape.ru/r.ab3c37f4dc.php'">Начинайте зарабатывать</a> на своем сайте уже сейчас.
</ul></p>]]></content:encoded>
			<wfw:commentRss>http://pion.ru/wpress/2008/05/27/uznaem-shirinu-i-vysotu-vsej-stranicy-vmeste-so-skrollingom-a-ne-tolko-eyo-vidimoj-chasti/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Редактируем любой сайт в интернете</title>
		<link>http://pion.ru/wpress/2008/04/16/redaktiruem-lyuboj-sajt-v-internete/</link>
		<comments>http://pion.ru/wpress/2008/04/16/redaktiruem-lyuboj-sajt-v-internete/#comments</comments>
		<pubDate>Wed, 16 Apr 2008 19:48:34 +0000</pubDate>
		<dc:creator>Pion2er</dc:creator>
				<category><![CDATA[Веб-мастеру]]></category>
		<category><![CDATA[Полезно]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[браузер]]></category>
		<category><![CDATA[Прикол]]></category>
		<category><![CDATA[скриншот]]></category>
		<category><![CDATA[трюки]]></category>
		<category><![CDATA[хитрости]]></category>

		<guid isPermaLink="false">http://pion.ru/wpress/?p=305</guid>
		<description><![CDATA[Понятное дело, что все, что вы на изменяете не сохранится и не изменит на самом деле сайт который вы будете править, но скажем для того чтобы сделать скриншот или просто по прикалываться над друзьями, да и много для чего еще можно использовать данный пример. Для всего выше сказанного достаточно всего лишь открыть любой сайт над [...]]]></description>
			<content:encoded><![CDATA[<div style="float: left; width: 425px;  padding: 15px 15px 10px 0;">
<object width="425" height="373"><param name="movie" value="http://www.youtube.com/v/GWvxqW3pCxc&#038;hl=en&#038;border=1"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/GWvxqW3pCxc&#038;hl=en&#038;border=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="373"></embed></object>
</div>
<p><span style="display: block"><img sr="/img/0.gif" width="100" height="1" alt=""><br />
Понятное дело, что все, что вы на изменяете не сохранится и не изменит на самом деле сайт который вы будете править, но скажем для того чтобы сделать скриншот или просто по прикалываться над друзьями, да и много для чего еще можно использовать данный пример. </p>
<p>Для всего выше сказанного достаточно всего лишь открыть любой сайт над которым вы хотите по измываться и в адресной строке браузера(там где адрес сайта) вставить вот эту строку.</p>
<p><code>javascript:document.body.contentEditable='true'; document.designMode='on'; void 0</code></p>
<p>и нажать ENTER. Все теперь можете править все что угодно.<br />
</span></p>
<p><hr>
© 2006—2010 <a href="http://pion.ru/wpress/">Pion.ru - самый познавательный и развлекательный блог</a>
<hr>
<ul>
<li><a href="http://www.sape.ru/" onClick="this.href='http://www.sape.ru/r.ab3c37f4dc.php'">Начинайте зарабатывать</a> на своем сайте уже сейчас.
</ul></p>]]></content:encoded>
			<wfw:commentRss>http://pion.ru/wpress/2008/04/16/redaktiruem-lyuboj-sajt-v-internete/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

