<?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>SAP R/3 готовые решения - коллективный блог специалистов SAP</title>
	
	<link>http://sap-consalt.ru</link>
	<description>коллективный блог специалистов SAP</description>
	<lastBuildDate>Sat, 11 Feb 2012 12:10:58 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.5</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/SapR/3" /><feedburner:info uri="sapr/3" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><item>
		<title>Прямое редактирование записей таблиц в SAP</title>
		<link>http://feedproxy.google.com/~r/SapR/3/~3/qm7ufHiXoM0/</link>
		<comments>http://sap-consalt.ru/2012/02/11/pryamoe-redaktirovanie-zapisej-tablic-v-sap/#comments</comments>
		<pubDate>Sat, 11 Feb 2012 12:10:58 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ABAP]]></category>

		<guid isPermaLink="false">http://sap-consalt.ru/?p=387</guid>
		<description><![CDATA[Если &#38;sap_edit в SE16N больше не работает, а руки все-таки чешутся поправить напрямую данные в таблице, при этом есть доступ к SE11 и есть возможность войти в режим отладки, воспользуйтесь следующим руководством. Прежде всего выберите записи какой таблицы в SE11 вы будете редактировать, в нашем примере это будет AUSP Нажимаете на иконку очков в левом [...]


Related posts:<ol><li><a href='http://sap-consalt.ru/2011/02/28/rezhim-otladki-v-sap/' rel='bookmark' title='Permanent Link: Режим отладки в SAP'>Режим отладки в SAP</a></li>
<li><a href='http://sap-consalt.ru/2011/07/09/sap_edit-bolshe-ne-rabotaet/' rel='bookmark' title='Permanent Link: &#038;sap_edit больше не работает'>&#038;sap_edit больше не работает</a></li>
<li><a href='http://sap-consalt.ru/2010/03/26/kak-vyvesti-naimenovanie-kanala-sbyta-v-sap/' rel='bookmark' title='Permanent Link: Как вывести наименование Канала Сбыта в SAP'>Как вывести наименование Канала Сбыта в SAP</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<div>
<div>
<p>Если <a href="http://sap-consalt.ru/2011/07/09/sap_edit-bolshe-ne-rabotaet/" target="_self">&amp;sap_edit в SE16N</a> больше не работает, а руки все-таки чешутся поправить напрямую данные в таблице, при этом есть доступ к SE11 и есть возможность войти <a href="http://sap-consalt.ru/2011/02/28/rezhim-otladki-v-sap/">в режим отладки</a>, воспользуйтесь следующим руководством.</p>
</div>
<p>Прежде всего выберите записи какой таблицы в SE11 вы будете редактировать, в нашем примере это будет AUSP</p>
</div>
<div><img class="aligncenter" src="http://sap-consalt.ru/images/2012/sap-edit-table-01.png" alt="" width="554" height="184" /></div>
<p>Нажимаете на иконку очков в левом верхнем углу и попадаете в режим просмотра единичной записи таблицы.<span id="more-387"></span></p>
<div><img class="aligncenter" src="http://sap-consalt.ru/images/2012/sap-edit-table-02.png" alt="" width="561" height="255" /></div>
<div>
<p>После чего при помощи shortcode "/h" вы попадете в режим ABAP-отладки/ Выберите переменную CODE, которая отвечает за вариант запуска транзакции. В данном случае значение переменной будет "SHOW".</p>
<p>Редактируем переменную, указываем значение "EDIT", жмем F8</p>
<div><img class="aligncenter" src="http://sap-consalt.ru/images/2012/sap-edit-table-03.png" alt="" width="599" height="304" /></div>
</div>
<div>
<p>И о чудо! Мы в том же режиме с данными по одной записи таблицы, только теперь неключевые поля можно отредактировать. После редактирования достаточно нажать сохранение и запись будет отредактирована.</p>
<div><img class="aligncenter" src="http://sap-consalt.ru/images/2012/sap-edit-table-04.png" alt="" width="446" height="496" /></div>
<p>При подобных манипуляциях стоит помнить, что целостность данных в системе может быть нарушена достаточно легко, поэтому старайтесь не применять этот навык, если не знаете как используется то или иное значение из редактируемой таблицы.</p>
</div>
<p align="left">Источник: <a href="http://sap-consalt.ru/">Коллективный блог специалистов SAP</a></p>      

<p>Related posts:<ol><li><a href='http://sap-consalt.ru/2011/02/28/rezhim-otladki-v-sap/' rel='bookmark' title='Permanent Link: Режим отладки в SAP'>Режим отладки в SAP</a></li>
<li><a href='http://sap-consalt.ru/2011/07/09/sap_edit-bolshe-ne-rabotaet/' rel='bookmark' title='Permanent Link: &#038;sap_edit больше не работает'>&#038;sap_edit больше не работает</a></li>
<li><a href='http://sap-consalt.ru/2010/03/26/kak-vyvesti-naimenovanie-kanala-sbyta-v-sap/' rel='bookmark' title='Permanent Link: Как вывести наименование Канала Сбыта в SAP'>Как вывести наименование Канала Сбыта в SAP</a></li>
</ol></p>
<p><a href="http://feedads.g.doubleclick.net/~a/5lVjMJoADppr-SJbbIPnz_QKKII/0/da"><img src="http://feedads.g.doubleclick.net/~a/5lVjMJoADppr-SJbbIPnz_QKKII/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/5lVjMJoADppr-SJbbIPnz_QKKII/1/da"><img src="http://feedads.g.doubleclick.net/~a/5lVjMJoADppr-SJbbIPnz_QKKII/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/SapR/3/~4/qm7ufHiXoM0" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://sap-consalt.ru/2012/02/11/pryamoe-redaktirovanie-zapisej-tablic-v-sap/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://sap-consalt.ru/2012/02/11/pryamoe-redaktirovanie-zapisej-tablic-v-sap/</feedburner:origLink></item>
		<item>
		<title>SQL Command Editor в SAP</title>
		<link>http://feedproxy.google.com/~r/SapR/3/~3/lcb9veu127s/</link>
		<comments>http://sap-consalt.ru/2011/07/27/sql-command-editor-v-sap/#comments</comments>
		<pubDate>Wed, 27 Jul 2011 05:34:01 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ABAP]]></category>
		<category><![CDATA[SQL]]></category>

		<guid isPermaLink="false">http://sap-consalt.ru/?p=358</guid>
		<description><![CDATA[Иногда случаются ситуации, когда в SAP необходимо выбрать данные сразу из нескольких таблиц, кто-то может сразу же предложить использовать SAP Query, но мы не ищем легких путей, к тому же очень часто саперами становится народ, который прошел суровую школу разработчиков БД, поэтому SQL-ем нас не испугать. Именно для таких любителей покодить есть транзакция ORA_PERF, конечно [...]


Related posts:<ol><li><a href='http://sap-consalt.ru/2012/02/11/pryamoe-redaktirovanie-zapisej-tablic-v-sap/' rel='bookmark' title='Permanent Link: Прямое редактирование записей таблиц в SAP'>Прямое редактирование записей таблиц в SAP</a></li>
<li><a href='http://sap-consalt.ru/2009/11/06/poisk-znachenia-priznaka/' rel='bookmark' title='Permanent Link: Поиск значения признака в SAP R/3'>Поиск значения признака в SAP R/3</a></li>
<li><a href='http://sap-consalt.ru/2010/01/27/tablicy-modulya-planirovanie-proizvodstva-production-planning-v-sap/' rel='bookmark' title='Permanent Link: Таблицы модуля Планирование Производства (Production Planning) в SAP'>Таблицы модуля Планирование Производства (Production Planning) в SAP</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Иногда случаются ситуации, когда в SAP необходимо выбрать данные сразу из нескольких таблиц, кто-то может сразу же предложить использовать SAP Query, но мы не ищем легких путей, к тому же очень часто саперами становится народ, который прошел суровую школу разработчиков БД, поэтому SQL-ем нас не испугать. Именно для таких любителей покодить есть транзакция ORA_PERF, конечно в продуктиве на нее прав не будет, но при внедрении можно поиграться.<br />
Итак, набираем код транзакции ORA_PERF, далее выбираем пункт меню Additional Functions-&gt;SQL Command Editor<span id="more-358"></span></p>
<p><img class="aligncenter" src="http://sap-consalt.ru/images/2011/07/sql03.png" alt="" width="239" height="486" /></p>
<p>Например, попытаемся исполнить вот такой код:</p>
<p>select u.CUOBJ, u.OBTAB, a.ATINN, a.ATWRT AS result<br />
from INOB u<br />
INNER JOIN AUSP a<br />
ON u.cuobj = a.objek<br />
where u.OBJEK='*******************************'</p>
<p style="text-align: center;"><img class="aligncenter" src="http://sap-consalt.ru/images/2011/07/sql02.png" alt="" width="509" height="330" /></p>
<p>Для справки:<br />
AUSP - таблица для хранения значений признаков(Характеристики признаков)<br />
INOB - таблица для хранения связки объекта системы и объекта конфигурации(Присвоение внутреннего номера объекту)</p>
<p>В коде мы выполняем join двух таблиц, и затем выбираем значения признаков для объекта, в моем случае это была партия материала.</p>
<p>Жмем F8 и ждем результата:</p>
<p style="text-align: center;"><img class="aligncenter" src="http://sap-consalt.ru/images/2011/07/sql01.png" alt="" width="567" height="330" /></p>
<p>К сожалению, с подобными выборками в полный рост встает проблема производительности...<br />
А может все дело в "прямоте" моих рук...</p>
<p align="left">Источник: <a href="http://sap-consalt.ru/">Коллективный блог специалистов SAP</a></p>      

<p>Related posts:<ol><li><a href='http://sap-consalt.ru/2012/02/11/pryamoe-redaktirovanie-zapisej-tablic-v-sap/' rel='bookmark' title='Permanent Link: Прямое редактирование записей таблиц в SAP'>Прямое редактирование записей таблиц в SAP</a></li>
<li><a href='http://sap-consalt.ru/2009/11/06/poisk-znachenia-priznaka/' rel='bookmark' title='Permanent Link: Поиск значения признака в SAP R/3'>Поиск значения признака в SAP R/3</a></li>
<li><a href='http://sap-consalt.ru/2010/01/27/tablicy-modulya-planirovanie-proizvodstva-production-planning-v-sap/' rel='bookmark' title='Permanent Link: Таблицы модуля Планирование Производства (Production Planning) в SAP'>Таблицы модуля Планирование Производства (Production Planning) в SAP</a></li>
</ol></p>
<p><a href="http://feedads.g.doubleclick.net/~a/rM1LJwgSM8AMgRX3OGPYKsNVgd0/0/da"><img src="http://feedads.g.doubleclick.net/~a/rM1LJwgSM8AMgRX3OGPYKsNVgd0/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/rM1LJwgSM8AMgRX3OGPYKsNVgd0/1/da"><img src="http://feedads.g.doubleclick.net/~a/rM1LJwgSM8AMgRX3OGPYKsNVgd0/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/SapR/3/~4/lcb9veu127s" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://sap-consalt.ru/2011/07/27/sql-command-editor-v-sap/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://sap-consalt.ru/2011/07/27/sql-command-editor-v-sap/</feedburner:origLink></item>
		<item>
		<title>BuddyPress: проблема при загрузке аватар</title>
		<link>http://feedproxy.google.com/~r/SapR/3/~3/azkhL86ZVvE/</link>
		<comments>http://sap-consalt.ru/2011/07/26/buddypress-problema-pri-zagruzke-avatar/#comments</comments>
		<pubDate>Tue, 26 Jul 2011 17:42:17 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[BuddyPress]]></category>

		<guid isPermaLink="false">http://sap-consalt.ru/?p=384</guid>
		<description><![CDATA[Если вам уже стало маловато функционала WordPress, захотелось построить свою собственную социальную сеть и вы обратились к Buddypress, наверняка, у вас возникнет главный вопрос - разрешать ли пользователям загружать свои автарки на сайт. С одной стороны это привлечет посетителей, с другой стороны вы можете воспользоваться сервисом Gravatar, тем более что WordPress и Buddypress отлично интегрированы [...]


Related posts:<ol><li><a href='http://sap-consalt.ru/2011/07/26/kak-vyvesti-blok-s-informaciej-ob-avtore-posta-v-wordpress/' rel='bookmark' title='Permanent Link: Как вывести блок с информацией об авторе поста в WordPress'>Как вывести блок с информацией об авторе поста в WordPress</a></li>
<li><a href='http://sap-consalt.ru/2011/07/10/kak-sdelat-vashemu-sajtu-ikonku-dlya-iphone/' rel='bookmark' title='Permanent Link: Как сделать вашему сайту иконку для  iPhone'>Как сделать вашему сайту иконку для  iPhone</a></li>
<li><a href='http://sap-consalt.ru/2011/07/26/15-angloyazychnyx-bloggerov-i-web-dizajnerovrazrabotchikov-za-kotorymi-sleduet-sledovat-v-twitter/' rel='bookmark' title='Permanent Link: 15 англоязычных блоггеров и WEB дизайнеров/разработчиков за которыми следует следовать в Twitter.'>15 англоязычных блоггеров и WEB дизайнеров/разработчиков за которыми следует следовать в Twitter.</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft" src="http://web-sence.com/images/2011/02/buddypress-logo.png" alt="" width="210" height="210" />Если вам уже стало маловато функционала WordPress, захотелось построить свою собственную социальную сеть и вы обратились к Buddypress, наверняка, у вас возникнет главный вопрос - разрешать ли пользователям загружать свои автарки на сайт. С одной стороны это привлечет посетителей, с другой стороны вы можете воспользоваться сервисом Gravatar, тем более что WordPress и Buddypress отлично интегрированы с ним.<span id="more-384"></span></p>
<p>Чтобы пользователи использовали Gravatar никаких дополнительны настроек от вас не потребуется, достаточно только разъяснить посетителям вашего сайта, как именно они могут подключить аватарки к своим профилям и комментариям.</p>
<p>Кстати, чтобы комментарии в блоге WordPress и на форуме и в профиле пользователя Buddypress выглядели одинаково, сделайте одинаковые настройки для Gravatar:</p>
<div>Для BuddyPress меню настроек Gravatar находиться в общих настройках:</div>
<div><img class="aligncenter" src="http://sap-consalt.ru/images/2011/02/buddy_1.png" alt="" width="641" height="224" /></div>
<p>Для WordPress Параметры -&gt; Обсуждение</p>
<p><img class="aligncenter" src="http://sap-consalt.ru/images/2011/02/buddy_2.png" alt="" width="561" height="273" /></p>
<p>Если же в настройках BuddyPress вы разрешите пользователям загружать свои собственные аватар, это потребует от вас дополнительных действий</p>
<p><img class="aligncenter" src="http://sap-consalt.ru/images/2011/02/buddy_3.png" alt="" width="552" height="376" /></p>
<p>Во-первых, необходимо для папки wp-content установить права 777, чтобы BuddyPress мог создать папку и загружать в нее пользовательские аватары.</p>
<p>Во-вторых, по умолчанию WordPress все пользовательские данные пытается грузить в папку wp-content/uploads, однако, BuddyPress обычно грузить напрямую в папку wp-content. Чем это нам грозит?</p>
<p>Это значит, что BuddyPress будет загружать пользовательские аватары в папку wp-content/avatars, а под управлением  Wordpress при выводе их в профиле пользователя CMS будет пытаться найти аватар в папке wp-content/uploads/avatars.</p>
<p>Как избежать подобного конфликта?</p>
<p>Все достаточно просто, нужно лишь указать WordPress, что папка для сохранения пользовательских файлов должна быть wp-content.</p>
<p>В первой строке нужно указать путь к папке на сервере, во второй строке полный URL к файлам.</p>
<p><img class="aligncenter" src="http://sap-consalt.ru/images/2011/02/buddy_4.png" alt="" width="707" height="273" /></p>
<p>После этого проблема с загрузкой аватар в BuddyPress будет решена.</p>
<p>Но это не все подводные камни, на которые вы можете наткнуться когда начнете работать с этим расширением WordPress.</p>
<p>Для обрезки аватар BuddyPress использует библиотеку Jcrop, в теме по умолчанию библиотека подключена в заголовке страницы, если вы используете собственную тему, которая основана на стандартной, вам придется подключать библиотеку самостоятельно.</p>
<p>Все что от вас требуется, добавить одну строчку в файл header.php вашей темы:</p>
<div>
<div id="wpshdo_1" class="wp-synhighlighter-outer"><div id="wpshdt_1" class="wp-synhighlighter-expanded"><table border="0" width="100%"><tr><td align="left" width="80%"><a name="#codesyntax_1"></a><a id="wpshat_1" class="wp-synhighlighter-title" href="#codesyntax_1"  onClick="javascript:wpsh_toggleBlock(1)" title="Click to show/hide code block">Исходный код</a></td><td align="right"><a href="#codesyntax_1" onClick="javascript:wpsh_code(1)" title="Show code only"><img border="0" style="border: 0 none" src="http://sap-consalt.ru/wp-content/plugins/wp-synhighlight/themes/default/images/code.png" /></a>&nbsp;<a href="#codesyntax_1" onClick="javascript:wpsh_print(1)" title="Print code"><img border="0" style="border: 0 none" src="http://sap-consalt.ru/wp-content/plugins/wp-synhighlight/themes/default/images/printer.png" /></a>&nbsp;<a href="http://sap-consalt.ru/wp-content/plugins/wp-synhighlight/About.html" target="_blank" title="Show plugin information"><img border="0" style="border: 0 none" src="http://sap-consalt.ru/wp-content/plugins/wp-synhighlight/themes/default/images/info.gif" /></a>&nbsp;</td></tr></table></div><div id="wpshdi_1" class="wp-synhighlighter-inner" style="display: block;"><pre class="php" style="font-family:monospace;">&lt;script src=&quot;<span class="kw2">&lt;?php</span> <span class="kw1">echo</span> site_url<span class="br0">&#40;</span><span class="br0">&#41;</span> <span class="sy1">?&gt;</span>/wp-includes/js/jcrop/jquery.Jcrop.js&quot;&gt;&lt;/script&gt;</pre></div></div>
</div>
<p>Удачи вам с построением собственных соц. сетей!</p>
<p align="left">Источник: <a href="http://sap-consalt.ru/">Коллективный блог специалистов SAP</a></p>      

<p>Related posts:<ol><li><a href='http://sap-consalt.ru/2011/07/26/kak-vyvesti-blok-s-informaciej-ob-avtore-posta-v-wordpress/' rel='bookmark' title='Permanent Link: Как вывести блок с информацией об авторе поста в WordPress'>Как вывести блок с информацией об авторе поста в WordPress</a></li>
<li><a href='http://sap-consalt.ru/2011/07/10/kak-sdelat-vashemu-sajtu-ikonku-dlya-iphone/' rel='bookmark' title='Permanent Link: Как сделать вашему сайту иконку для  iPhone'>Как сделать вашему сайту иконку для  iPhone</a></li>
<li><a href='http://sap-consalt.ru/2011/07/26/15-angloyazychnyx-bloggerov-i-web-dizajnerovrazrabotchikov-za-kotorymi-sleduet-sledovat-v-twitter/' rel='bookmark' title='Permanent Link: 15 англоязычных блоггеров и WEB дизайнеров/разработчиков за которыми следует следовать в Twitter.'>15 англоязычных блоггеров и WEB дизайнеров/разработчиков за которыми следует следовать в Twitter.</a></li>
</ol></p>
<p><a href="http://feedads.g.doubleclick.net/~a/nPcvFJTK4Pd4HiMg8c4zPbhHd8M/0/da"><img src="http://feedads.g.doubleclick.net/~a/nPcvFJTK4Pd4HiMg8c4zPbhHd8M/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/nPcvFJTK4Pd4HiMg8c4zPbhHd8M/1/da"><img src="http://feedads.g.doubleclick.net/~a/nPcvFJTK4Pd4HiMg8c4zPbhHd8M/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/SapR/3/~4/azkhL86ZVvE" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://sap-consalt.ru/2011/07/26/buddypress-problema-pri-zagruzke-avatar/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://sap-consalt.ru/2011/07/26/buddypress-problema-pri-zagruzke-avatar/</feedburner:origLink></item>
		<item>
		<title>Как скрестить Twitter и Google Analytics? – Hoot Suite!</title>
		<link>http://feedproxy.google.com/~r/SapR/3/~3/D7fb1rcOigA/</link>
		<comments>http://sap-consalt.ru/2011/07/26/kak-skrestit-twitter-i-google-analytics-hoot-suite/#comments</comments>
		<pubDate>Tue, 26 Jul 2011 17:39:03 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[Twitter]]></category>

		<guid isPermaLink="false">http://sap-consalt.ru/?p=380</guid>
		<description><![CDATA[Twitter уже основательно вошел в нашу жизнь, 5 лет назад никто не мог себе представить, что пользователи со всего мира будут целыми днями строчить сообщения в 140 символов со своих мобильников. Сегодня уже можно честно признаться, что Twitter постепенно и проникает и в рунет, несмотря на то, что сам рунет еще не достаточно глубоко проник [...]


Related posts:<ol><li><a href='http://sap-consalt.ru/2011/07/26/15-angloyazychnyx-bloggerov-i-web-dizajnerovrazrabotchikov-za-kotorymi-sleduet-sledovat-v-twitter/' rel='bookmark' title='Permanent Link: 15 англоязычных блоггеров и WEB дизайнеров/разработчиков за которыми следует следовать в Twitter.'>15 англоязычных блоггеров и WEB дизайнеров/разработчиков за которыми следует следовать в Twitter.</a></li>
<li><a href='http://sap-consalt.ru/2010/01/09/sap-cproject-suite-sovmestnoe-upravlenie-proektami/' rel='bookmark' title='Permanent Link: SAP cProject Suite «Совместное управление проектами».'>SAP cProject Suite «Совместное управление проектами».</a></li>
<li><a href='http://sap-consalt.ru/2011/07/26/10-primerov-ispolzovaniya-css-vmesto-grafiki/' rel='bookmark' title='Permanent Link: 10 примеров использования CSS вместо графики'>10 примеров использования CSS вместо графики</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft" src="http://web-sence.com/images/2010_09/hootsuite-icon.png" alt="" width="210" height="210" /><a href="http://twitter.com/websence">Twitter</a> уже основательно вошел в нашу жизнь, 5 лет назад никто не мог себе представить, что пользователи со всего мира будут целыми днями строчить сообщения в 140 символов со своих мобильников. Сегодня уже можно честно признаться, что <a href="http://twitter.com/websence">Twitter</a> постепенно и проникает и в рунет, несмотря на то, что сам рунет еще не достаточно глубоко проник в российскую действительность (порядка 30-35 млн. активных пользователей интернета из 147 млн. населения России).<span id="more-380"></span></p>
<p><img class="aligncenter" src="http://sap-consalt.ru/images/2010_09/hootsuite01.png" alt="" width="502" height="388" /></p>
<p>Естественно сам Twitter наплодил множество программ и сервисов от сторонних разработчиков, давайте сегодня поговорим об одном из таких.</p>
<p>Итак, <a href="http://hootsuite.com">Hoot Suite</a></p>
<div>Преимущества:</div>
<ul>
<li>отложенная публикация</li>
<li>статистика по кликам на публикуемые ссылки при помощи сервиса укорачивания ссылок ow.ly или ht.ly</li>
<li>работа с множеством twitter аккаунтов и возможность одновременной публикации сообщения сразу во все аккаунты</li>
<li>интеграция с сервисом Google Analitics</li>
<li>наличие клиента для iPhone/iPad - <a href="http://hootsuite.com/iphone"><span style="font-family: monospace;">http://hootsuite.com/iphone</span></a></li>
<li>наличие клиента для платформы Android - <a href="http://hootsuite.com/android"><span style="font-family: monospace;">http://hootsuite.com/android</span></a></li>
<li>интеграция с множеством социальных сетей одновременно</li>
<li>наличие своего собственного Bar для сайтов, подробнее о нем можете почитать в <a href="http://blog.hootsuite.com/introducing-owly-social-bar-20-because-sharing-is-caring">записи блога от Hoot Suite</a></li>
</ul>
<p style="text-align: center;"><img class="aligncenter" src="http://sap-consalt.ru/images/2010_09/google-analitics.png" alt="" width="578" height="342" /></p>
<p>В разделе аналитики, после подключения к аккаунту Google Analitycs можно сравнить на одном графике посещаемость сайта и количество твиттов с публикацией ссылок на его страницы. Конечно, это не может служить идеальным инструментом анализа траффика, но до этого сервиса такое сравнение приходилось делать разве что в уме.</p>
<p>В общем, можете попробовать сервис сами и оценить его. И если понравиться, то вы всегда можете начать знакомство с Twitter с <a title="15 англоязычных блоггеров и WEB дизайнеров/разработчиков за которыми следует следовать в Twitter.&quot;" href="http://web-sence.com/2010/09/20/15-angloyazychnyx-bloggerov-i-web-dizajnerovrazrabotchikov-za-kotorymi-sleduet-sledovat-v-twitter/">15 англоязычных блоггеров и WEB дизайнеров/разработчиков за которыми стоит следовать в Twitter</a> или следуйте за мной в <a href="http://twitter.com/websence">Twitter</a> и узнаете еще много интересного.</p>
<p><a href="http://shakin.ru/interview/hootsuite.html">Интервью с комьюнити директором Hoot Suite</a></p>
<p align="left">Источник: <a href="http://sap-consalt.ru/">Коллективный блог специалистов SAP</a></p>      

<p>Related posts:<ol><li><a href='http://sap-consalt.ru/2011/07/26/15-angloyazychnyx-bloggerov-i-web-dizajnerovrazrabotchikov-za-kotorymi-sleduet-sledovat-v-twitter/' rel='bookmark' title='Permanent Link: 15 англоязычных блоггеров и WEB дизайнеров/разработчиков за которыми следует следовать в Twitter.'>15 англоязычных блоггеров и WEB дизайнеров/разработчиков за которыми следует следовать в Twitter.</a></li>
<li><a href='http://sap-consalt.ru/2010/01/09/sap-cproject-suite-sovmestnoe-upravlenie-proektami/' rel='bookmark' title='Permanent Link: SAP cProject Suite «Совместное управление проектами».'>SAP cProject Suite «Совместное управление проектами».</a></li>
<li><a href='http://sap-consalt.ru/2011/07/26/10-primerov-ispolzovaniya-css-vmesto-grafiki/' rel='bookmark' title='Permanent Link: 10 примеров использования CSS вместо графики'>10 примеров использования CSS вместо графики</a></li>
</ol></p>
<p><a href="http://feedads.g.doubleclick.net/~a/Id8LT5RrxnTIib9biEaviMWfAuM/0/da"><img src="http://feedads.g.doubleclick.net/~a/Id8LT5RrxnTIib9biEaviMWfAuM/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/Id8LT5RrxnTIib9biEaviMWfAuM/1/da"><img src="http://feedads.g.doubleclick.net/~a/Id8LT5RrxnTIib9biEaviMWfAuM/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/SapR/3/~4/D7fb1rcOigA" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://sap-consalt.ru/2011/07/26/kak-skrestit-twitter-i-google-analytics-hoot-suite/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://sap-consalt.ru/2011/07/26/kak-skrestit-twitter-i-google-analytics-hoot-suite/</feedburner:origLink></item>
		<item>
		<title>15 англоязычных блоггеров и WEB дизайнеров/разработчиков за которыми следует следовать в Twitter.</title>
		<link>http://feedproxy.google.com/~r/SapR/3/~3/9i6yH6yzkyA/</link>
		<comments>http://sap-consalt.ru/2011/07/26/15-angloyazychnyx-bloggerov-i-web-dizajnerovrazrabotchikov-za-kotorymi-sleduet-sledovat-v-twitter/#comments</comments>
		<pubDate>Tue, 26 Jul 2011 17:35:37 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[Twitter]]></category>

		<guid isPermaLink="false">http://sap-consalt.ru/?p=377</guid>
		<description><![CDATA[Twitter все сильнее проникает в нашу жизнь, и уж тем более он быстрее всего смог проникнуть в сердца различных дизайнеров и разработчиков ориентированных на WEB. Сегодня мы представляем вам подборку из 15 англоязычных блоггеров и WEB дизайнеров/разработчиков за которыми следует следовать в Twitter. Итак, готовимся жать кнопку FOLLOW! Chris Coyier дизайнер, разработчик, и автор множества [...]


Related posts:<ol><li><a href='http://sap-consalt.ru/2011/07/26/kak-skrestit-twitter-i-google-analytics-hoot-suite/' rel='bookmark' title='Permanent Link: Как скрестить Twitter и Google Analytics? &#8211; Hoot Suite!'>Как скрестить Twitter и Google Analytics? &#8211; Hoot Suite!</a></li>
<li><a href='http://sap-consalt.ru/2011/07/26/kak-vyvesti-blok-s-informaciej-ob-avtore-posta-v-wordpress/' rel='bookmark' title='Permanent Link: Как вывести блок с информацией об авторе поста в WordPress'>Как вывести блок с информацией об авторе поста в WordPress</a></li>
<li><a href='http://sap-consalt.ru/2010/05/10/sap-idoc-spisok-tranzakcij-dlya-razrabotchikov/' rel='bookmark' title='Permanent Link: SAP IDOC список транзакций для разработчиков'>SAP IDOC список транзакций для разработчиков</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft" src="http://web-sence.com/images/2010_09/twitter.jpg" alt="" width="210" height="210" />Twitter все сильнее проникает в нашу жизнь, и уж тем более он быстрее всего смог проникнуть в сердца различных дизайнеров и разработчиков ориентированных на WEB. Сегодня мы представляем вам подборку из 15 англоязычных блоггеров и WEB дизайнеров/разработчиков за которыми следует следовать в Twitter.</p>
<p>Итак, готовимся жать кнопку FOLLOW!<span id="more-377"></span></p>
<ol>
<li><a href="http://twitter.com/chriscoyier">Chris Coyier</a> дизайнер, разработчик, и автор множества статей, как на своемй блоге <a href="http://www.css-tricks.com">www.css-tricks.com</a> так и на ряде достаточно известных интернет ресурсов для дизайнеров и разработчиков.</li>
<li><a href="http://www.twitter.com/buildinternet">BuildInternet</a> братья Sam и Zach, кроме того, что ведут свой собственный блог с <a href="http://buildinternet.com">одноименным адресом в сети</a>, много пишут о дизайне и работе с JavaScript.</li>
<li><a href="http://twitter.com/davidwalshblog">David Walsh</a> WEB разработчик, много пишет о работе с jQuery, MooTools, Dojo, ведет одноименный блог - <a href="http://davidwalsh.name">http://davidwalsh.name/</a></li>
<li><a href="http://twitter.com/pearsonified" target="_blank">Chris Pearson</a> WEB разработчик, специализирующийся на работе с темами для <a href="http://web-sence.com/category/wordpress">WordPress</a>.</li>
<li><a href="http://twitter.com/collis">Collis</a> WEB дизайнер работающий в качестве фрилансера, блоггер.</li>
<li><a href="http://twitter.com/davidairey" target="_blank">David Airey</a> дизайнер, консультант по дизайну, специализируется на дизайне логотипов и бизнес-атрибутики.</li>
<li><a href="http://twitter.com/problogdesign" target="_blank">Michael Martin</a> пишет о WEB дизайне(в основном для блогов), так же сфокусирован на <a href="http://web-sence.com/category/wordpress">WordPress.</a></li>
<li><a href="http://twitter.com/michaelcastilla" target="_blank">Michael Castilla</a> создатель и идейный вдохновитель <a href="http://wpcandy.com">WPCandy</a>. Ему всего 16 лет, он живет в Майами, вся его работа сфокусирована на <a href="http://web-sence.com/category/wordpress">WordPress</a>.</li>
<li><a href="http://twitter.com/redwall_hp">Matt Harzewski</a> дизайнер, кодер, автор статей, и просто интернет-маньяк.</li>
<li><a href="http://twitter.com/cssglobe" target="_blank">Alen Grakalic</a> основатель CSS Globe, так же работает WEB разработчиком и дизайнером, ориентирующимся исключительно на стандарты.</li>
<li><a href="http://twitter.com/arthurbrownjr">Arthur Brown</a> дизайнер из Хьюстона, который фокусируясь на CSS старается делать SEO/SMM ориентированные проекты с хорошей конверсией посетителей.</li>
<li><a href="http://twitter.com/zeldman">Jeffrey Zeldman</a> был одним из первых дизайнеров-блоггеров, так же является независимым издателем.</li>
<li><a href="http://twitter.com/mike9r">Mike Rundle</a> дизайнер интерфейсов</li>
<li><a href="http://twitter.com/randaclay">Randaclay</a> дизайнер, специализирующийся на работе с <a href="http://web-sence.com/category/wordpress">WordPress</a> и кастомизации блогов под задачи клиентов.</li>
<li><a href="http://www.twitter.com/problogger">ProBlogger</a> <a href="http://www.problogger.net">Darren Rowse</a> профессиональный блоггер, основатель сети блогов <a href="http://www.b5media.com">B5Media</a>, автор книги <a href="http://www.ozon.ru/context/detail/id/4307692/?partner=guitarline&amp;from=bar">Ваш блог в интернете. Как заработать миллион</a></li>
</ol>
<ol><strong><em> </em></strong></ol>
<p><strong><em> </em></strong></p>
<p align="left">Источник: <a href="http://sap-consalt.ru/">Коллективный блог специалистов SAP</a></p>      

<p>Related posts:<ol><li><a href='http://sap-consalt.ru/2011/07/26/kak-skrestit-twitter-i-google-analytics-hoot-suite/' rel='bookmark' title='Permanent Link: Как скрестить Twitter и Google Analytics? &#8211; Hoot Suite!'>Как скрестить Twitter и Google Analytics? &#8211; Hoot Suite!</a></li>
<li><a href='http://sap-consalt.ru/2011/07/26/kak-vyvesti-blok-s-informaciej-ob-avtore-posta-v-wordpress/' rel='bookmark' title='Permanent Link: Как вывести блок с информацией об авторе поста в WordPress'>Как вывести блок с информацией об авторе поста в WordPress</a></li>
<li><a href='http://sap-consalt.ru/2010/05/10/sap-idoc-spisok-tranzakcij-dlya-razrabotchikov/' rel='bookmark' title='Permanent Link: SAP IDOC список транзакций для разработчиков'>SAP IDOC список транзакций для разработчиков</a></li>
</ol></p>
<p><a href="http://feedads.g.doubleclick.net/~a/SGBicOWwevTWZI1-8AdYAym9On4/0/da"><img src="http://feedads.g.doubleclick.net/~a/SGBicOWwevTWZI1-8AdYAym9On4/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/SGBicOWwevTWZI1-8AdYAym9On4/1/da"><img src="http://feedads.g.doubleclick.net/~a/SGBicOWwevTWZI1-8AdYAym9On4/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/SapR/3/~4/9i6yH6yzkyA" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://sap-consalt.ru/2011/07/26/15-angloyazychnyx-bloggerov-i-web-dizajnerovrazrabotchikov-za-kotorymi-sleduet-sledovat-v-twitter/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://sap-consalt.ru/2011/07/26/15-angloyazychnyx-bloggerov-i-web-dizajnerovrazrabotchikov-za-kotorymi-sleduet-sledovat-v-twitter/</feedburner:origLink></item>
		<item>
		<title>10 примеров использования CSS вместо графики</title>
		<link>http://feedproxy.google.com/~r/SapR/3/~3/5g9B69e98Mo/</link>
		<comments>http://sap-consalt.ru/2011/07/26/10-primerov-ispolzovaniya-css-vmesto-grafiki/#comments</comments>
		<pubDate>Tue, 26 Jul 2011 17:31:30 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[Дизайн]]></category>

		<guid isPermaLink="false">http://sap-consalt.ru/?p=373</guid>
		<description><![CDATA[Современные технологии, в частности HTML 5 и CSS 3, позволяют делать с дизайном потрясающие вещи, даже без использования картинок и JavaScript. Чтобы оценить возможности будущего веба, предлагаем вам подборку работ, выполненных на чистом CSS. Пока еще остро стоит вопрос о совместимости, и эти работы лишь эксперименты, но они уже начали проникать в дизайн многих ресурсов. [...]


Related posts:<ol><li><a href='http://sap-consalt.ru/2011/07/26/kak-skrestit-twitter-i-google-analytics-hoot-suite/' rel='bookmark' title='Permanent Link: Как скрестить Twitter и Google Analytics? &#8211; Hoot Suite!'>Как скрестить Twitter и Google Analytics? &#8211; Hoot Suite!</a></li>
<li><a href='http://sap-consalt.ru/2012/02/11/pryamoe-redaktirovanie-zapisej-tablic-v-sap/' rel='bookmark' title='Permanent Link: Прямое редактирование записей таблиц в SAP'>Прямое редактирование записей таблиц в SAP</a></li>
<li><a href='http://sap-consalt.ru/2011/07/26/15-angloyazychnyx-bloggerov-i-web-dizajnerovrazrabotchikov-za-kotorymi-sleduet-sledovat-v-twitter/' rel='bookmark' title='Permanent Link: 15 англоязычных блоггеров и WEB дизайнеров/разработчиков за которыми следует следовать в Twitter.'>15 англоязычных блоггеров и WEB дизайнеров/разработчиков за которыми следует следовать в Twitter.</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Современные технологии, в частности HTML 5 и CSS 3, позволяют делать с дизайном потрясающие вещи, даже без использования картинок и JavaScript. Чтобы оценить возможности будущего веба, предлагаем вам подборку работ, выполненных на чистом CSS. Пока еще остро стоит вопрос о совместимости, и эти работы лишь эксперименты, но они уже начали проникать в дизайн многих ресурсов. Хотя поддержка Windows XP, а с ней и распространенность Internet Explorer 6.0 пока еще актуальны для современного Web, но уже последние данные о статистики продолжающего расти мобильного интернета, где доминируют браузеры на web kit движке, говорят о том, что будущее рядом.<span id="more-373"></span></p>
<h2><a href="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/uploader/images/css3-designs/css3-ipad-with-shadow/index.html">iPad, нарисованный при помощи CSS</a></h2>
<p>Эта работа участвовала в конкурсе от <a href="http://www.smashingmagazine.com/2010/07/12/css3-design-contest-results/">Smashing Magazine</a>.</p>
<p style="text-align: center;"><a href="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/uploader/images/css3-designs/css3-ipad-with-shadow/index.html"><img class="aligncenter" src="http://sap-consalt.ru/images/2010_07/10-css-02.png" alt="" width="600" height="457" /></a></p>
<h2><a href="http://nicolasgallagher.com/experimental-pure-css-social-media-icons/">Иконки социальных сервисов нарисованные при помощи CSS</a></h2>
<p><a href="http://nicolasgallagher.com/experimental-pure-css-social-media-icons/"><img class="aligncenter" src="http://sap-consalt.ru/images/2010_07/10-css-03.png" alt="" width="600" height="188" /></a></p>
<h2><a href="http://admixweb.com/demos/ipodcss3/">iPod нарисованный при помощи CSS</a></h2>
<p>Продолжая тему яблочных гаджетов.</p>
<p><img class="aligncenter" src="http://sap-consalt.ru/images/2010_07/10-css-04.png" alt="" width="600" height="486" /></p>
<p>Навигация по меню устройства очень похожа на настоящие плееры.</p>
<h2><a href="http://cordobo.com/wp-content/uploads/ie-pure-css-logo/">Пример отрисовки логотипа Internet Explorer при помощи только CSS</a></h2>
<p><img class="aligncenter" src="http://sap-consalt.ru/images/2010_07/10-css-05.png" alt="" width="600" height="486" /></p>
<p>не работает в Internet Explorer))))))</p>
<h2><a href="http://rathersplendid.net/home/pure-css-icons">Подборка иконок нарисованных на чистом CSS.</a></h2>
<p>Есть и RSS и iPhone и микрофоны с мишенями, отличная подборка</p>
<p><img class="aligncenter" src="http://sap-consalt.ru/images/2010_07/10-css-06.jpg" alt="" width="600" height="400" /></p>
<h2><a href="http://graphicpeel.com/cssiosicons">Подборка иконок iPhone/iPad на CSS.</a></h2>
<p>Тема яблочных iДевайсов продолжается.</p>
<p><img class="aligncenter" src="http://sap-consalt.ru/images/2010_07/10-css-07.png" alt="" width="600" height="458" /></p>
<h2><a href="http://desandro.com/articles/opera-logo-css/">Логотип Opera нарисованный при помощи CSS</a></h2>
<p><img class="aligncenter" src="http://sap-consalt.ru/images/2010_07/10-css-08.png" alt="" width="600" height="489" /></p>
<p>Работает в большинстве современных браузеров, поддерживающих web стандарты, как обычно Internet Explorer остается за бортом.</p>
<h2><a href="http://www.romancortes.com/blog/homer-css/">Homer Simpson на чистом CSS</a></h2>
<p>Следующий пример работы с CSS понравиться всем любителям бесконечного мультика о семейке Симпсонов.</p>
<p style="text-align: center;"><img class="aligncenter" src="http://sap-consalt.ru/images/2010_07/10-css-09.png" alt="" width="344" height="450" /></p>
<h2><a href="http://www.subcide.com/experiments/fail-whale/">Twitter Fail</a></h2>
<p>Twitter все сильнее проникает в современное интернет сообщество, и иногда сервису не хватает мощностей. Все пользователи, которые часто используют Twitter помнят эту картинку, теперь она нарисована на чистом CSS</p>
<p><img class="aligncenter" src="http://sap-consalt.ru/images/2010_07/10-css-10.png" alt="" width="600" height="314" /></p>
<h2><a href="http://insicdesigns.com/demo/css3/exp3/index.html">Иконки социальных сервисов на CSS</a></h2>
<p style="text-align: center;"><img class="aligncenter" src="http://sap-consalt.ru/images/2010_07/10-css-11.png" alt="" width="356" height="502" /></p>
<p align="left">Источник: <a href="http://sap-consalt.ru/">Коллективный блог специалистов SAP</a></p>      

<p>Related posts:<ol><li><a href='http://sap-consalt.ru/2011/07/26/kak-skrestit-twitter-i-google-analytics-hoot-suite/' rel='bookmark' title='Permanent Link: Как скрестить Twitter и Google Analytics? &#8211; Hoot Suite!'>Как скрестить Twitter и Google Analytics? &#8211; Hoot Suite!</a></li>
<li><a href='http://sap-consalt.ru/2012/02/11/pryamoe-redaktirovanie-zapisej-tablic-v-sap/' rel='bookmark' title='Permanent Link: Прямое редактирование записей таблиц в SAP'>Прямое редактирование записей таблиц в SAP</a></li>
<li><a href='http://sap-consalt.ru/2011/07/26/15-angloyazychnyx-bloggerov-i-web-dizajnerovrazrabotchikov-za-kotorymi-sleduet-sledovat-v-twitter/' rel='bookmark' title='Permanent Link: 15 англоязычных блоггеров и WEB дизайнеров/разработчиков за которыми следует следовать в Twitter.'>15 англоязычных блоггеров и WEB дизайнеров/разработчиков за которыми следует следовать в Twitter.</a></li>
</ol></p>
<p><a href="http://feedads.g.doubleclick.net/~a/QwFgGpESa9Ej2C3CE6CHPwz-Nb0/0/da"><img src="http://feedads.g.doubleclick.net/~a/QwFgGpESa9Ej2C3CE6CHPwz-Nb0/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/QwFgGpESa9Ej2C3CE6CHPwz-Nb0/1/da"><img src="http://feedads.g.doubleclick.net/~a/QwFgGpESa9Ej2C3CE6CHPwz-Nb0/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/SapR/3/~4/5g9B69e98Mo" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://sap-consalt.ru/2011/07/26/10-primerov-ispolzovaniya-css-vmesto-grafiki/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://sap-consalt.ru/2011/07/26/10-primerov-ispolzovaniya-css-vmesto-grafiki/</feedburner:origLink></item>
		<item>
		<title>WordPress плагин слайд панели с социальными закладками</title>
		<link>http://feedproxy.google.com/~r/SapR/3/~3/l4gtkgp2-38/</link>
		<comments>http://sap-consalt.ru/2011/07/26/wordpress-plagin-slajd-paneli-s-socialnymi-zakladkami/#comments</comments>
		<pubDate>Tue, 26 Jul 2011 17:15:31 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://sap-consalt.ru/?p=369</guid>
		<description><![CDATA[В прошлый раз мы пробовали самостоятельно создать такую же панель с кнопками социальных сетей как у Mashable. Кому-то это решение может нравиться, кому-то нет, но ясно одно - эта задача не дает покоя многим. Monji, автор блога http://devgrow.com/ так же не удержался и сделал плагин для wordpress, который позволяет без лишних телодвижений встроить панельку в стиле [...]


Related posts:<ol><li><a href='http://sap-consalt.ru/2011/07/26/slajd-panel-s-zakladkami-v-socialnye-seti-v-stile-mashable-com/' rel='bookmark' title='Permanent Link: Слайд панель с закладками в социальные сети в стиле mashable.com'>Слайд панель с закладками в социальные сети в стиле mashable.com</a></li>
<li><a href='http://sap-consalt.ru/2011/07/26/kak-vyvesti-blok-s-informaciej-ob-avtore-posta-v-wordpress/' rel='bookmark' title='Permanent Link: Как вывести блок с информацией об авторе поста в WordPress'>Как вывести блок с информацией об авторе поста в WordPress</a></li>
<li><a href='http://sap-consalt.ru/2011/07/10/kak-sdelat-vashemu-sajtu-ikonku-dlya-iphone/' rel='bookmark' title='Permanent Link: Как сделать вашему сайту иконку для  iPhone'>Как сделать вашему сайту иконку для  iPhone</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft" src="http://sap-consalt.ru/images/2010_07/mash-plug.png" alt="" width="210" height="210" />В прошлый раз мы пробовали самостоятельно создать такую же <a title="Слайд панель с закладками в социальные сети в стиле mashable.com" href="http://sap-consalt.ru/2010/07/07/slajd-panel-s-zakladkami-v-socialnye-seti-v-stile-mashable-com/">панель с кнопками социальных сетей как у Mashable</a>. Кому-то это решение может нравиться, кому-то нет, но ясно одно - эта задача не дает покоя многим. Monji, автор блога <a href="http://devgrow.com/">http://devgrow.com/</a> так же не удержался и сделал плагин для wordpress, который позволяет без лишних телодвижений встроить панельку в стиле Mashable на ваш блог.<span id="more-369"></span></p>
<p>Чтобы проверить плагин, я попробовал его загрузить на один из своих проектов, но никаких результатов не последовало.<br />
Пришлось развернуть локальный web сервер, поставить на него WordPress 3.0 и активировать плагин на новой стандартной теме движка.</p>
<p>Результат не заставил себя долго ждать.</p>
<p>Вариант страницы с шириной браузера больше 1000 пикселей</p>
<p><img class="aligncenter" src="http://sap-consalt.ru/images/2010_07/mashable-01.png" alt="" width="593" height="398" /></p>
<p>Вариант страницы с шириной браузера меньше 1000 пикселей</p>
<p><img class="aligncenter" src="http://sap-consalt.ru/images/2010_07/mashable-02.png" alt="" width="521" height="457" /></p>
<p>Кроме абсолютно автоматического режима работы плагина, так же можно встраивать его в код шаблона в удобных вам местах. Достаточно вызвать PHP функцию</p>
<p>для отображения вертикальной панели:</p>
<div id="wpshdo_2" class="wp-synhighlighter-outer"><div id="wpshdt_2" class="wp-synhighlighter-expanded"><table border="0" width="100%"><tr><td align="left" width="80%"><a name="#codesyntax_2"></a><a id="wpshat_2" class="wp-synhighlighter-title" href="#codesyntax_2"  onClick="javascript:wpsh_toggleBlock(2)" title="Click to show/hide code block">Исходный код</a></td><td align="right"><a href="#codesyntax_2" onClick="javascript:wpsh_code(2)" title="Show code only"><img border="0" style="border: 0 none" src="http://sap-consalt.ru/wp-content/plugins/wp-synhighlight/themes/default/images/code.png" /></a>&nbsp;<a href="#codesyntax_2" onClick="javascript:wpsh_print(2)" title="Print code"><img border="0" style="border: 0 none" src="http://sap-consalt.ru/wp-content/plugins/wp-synhighlight/themes/default/images/printer.png" /></a>&nbsp;<a href="http://sap-consalt.ru/wp-content/plugins/wp-synhighlight/About.html" target="_blank" title="Show plugin information"><img border="0" style="border: 0 none" src="http://sap-consalt.ru/wp-content/plugins/wp-synhighlight/themes/default/images/info.gif" /></a>&nbsp;</td></tr></table></div><div id="wpshdi_2" class="wp-synhighlighter-inner" style="display: block;"><pre class="php" style="font-family:monospace;"><span class="kw2">&lt;?php</span> sharebar<span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">;</span> <span class="sy1">?&gt;</span></pre></div></div>
<p>для отображения горизонтальной панели:</p>
<div id="wpshdo_3" class="wp-synhighlighter-outer"><div id="wpshdt_3" class="wp-synhighlighter-expanded"><table border="0" width="100%"><tr><td align="left" width="80%"><a name="#codesyntax_3"></a><a id="wpshat_3" class="wp-synhighlighter-title" href="#codesyntax_3"  onClick="javascript:wpsh_toggleBlock(3)" title="Click to show/hide code block">Исходный код</a></td><td align="right"><a href="#codesyntax_3" onClick="javascript:wpsh_code(3)" title="Show code only"><img border="0" style="border: 0 none" src="http://sap-consalt.ru/wp-content/plugins/wp-synhighlight/themes/default/images/code.png" /></a>&nbsp;<a href="#codesyntax_3" onClick="javascript:wpsh_print(3)" title="Print code"><img border="0" style="border: 0 none" src="http://sap-consalt.ru/wp-content/plugins/wp-synhighlight/themes/default/images/printer.png" /></a>&nbsp;<a href="http://sap-consalt.ru/wp-content/plugins/wp-synhighlight/About.html" target="_blank" title="Show plugin information"><img border="0" style="border: 0 none" src="http://sap-consalt.ru/wp-content/plugins/wp-synhighlight/themes/default/images/info.gif" /></a>&nbsp;</td></tr></table></div><div id="wpshdi_3" class="wp-synhighlighter-inner" style="display: block;"><pre class="php" style="font-family:monospace;"><span class="kw2">&lt;?php</span> sharebar_horizontal<span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">;</span> <span class="sy1">?&gt;</span></pre></div></div>
<p><a href="http://wordpress.org/extend/plugins/sharebar/faq/">Скачать плагин</a> ||  <a href="http://devgrow.com/sharebar-wordpress-plugin/">Страница автора</a> ||  <a href="http://devgrow.com/plugins/sharebar">Демо</a></p>
<p>Проблема, которая не позволила использовать плагин на реальном блоге, скрывалась в CSS, в значении:</p>
<div id="wpshdo_4" class="wp-synhighlighter-outer"><div id="wpshdt_4" class="wp-synhighlighter-expanded"><table border="0" width="100%"><tr><td align="left" width="80%"><a name="#codesyntax_4"></a><a id="wpshat_4" class="wp-synhighlighter-title" href="#codesyntax_4"  onClick="javascript:wpsh_toggleBlock(4)" title="Click to show/hide code block">Исходный код</a></td><td align="right"><a href="#codesyntax_4" onClick="javascript:wpsh_code(4)" title="Show code only"><img border="0" style="border: 0 none" src="http://sap-consalt.ru/wp-content/plugins/wp-synhighlight/themes/default/images/code.png" /></a>&nbsp;<a href="#codesyntax_4" onClick="javascript:wpsh_print(4)" title="Print code"><img border="0" style="border: 0 none" src="http://sap-consalt.ru/wp-content/plugins/wp-synhighlight/themes/default/images/printer.png" /></a>&nbsp;<a href="http://sap-consalt.ru/wp-content/plugins/wp-synhighlight/About.html" target="_blank" title="Show plugin information"><img border="0" style="border: 0 none" src="http://sap-consalt.ru/wp-content/plugins/wp-synhighlight/themes/default/images/info.gif" /></a>&nbsp;</td></tr></table></div><div id="wpshdi_4" class="wp-synhighlighter-inner" style="display: block;"><pre class="css" style="font-family:monospace;"><span class="kw1">overflow</span><span class="sy0">:</span><span class="kw2">hidden</span></pre></div></div>
<p>В этом случае код плагина присутствует в исходном коде страницы, однако скрыт от показа пользователю. Если у вас такая же проблема, значит вам придется перелопатить ваш файл style.css и устранить проблему.<br />
Если же не хочется активно ковыряться в CSS и не боитесь немного покодить, возможно стоит вернуться к предыдущей реализации <a href="http://sap-consalt.ru/2010/07/07/slajd-panel-s-zakladkami-v-socialnye-seti-v-stile-mashable-com/">слайд панельки в стиле Mashable</a>, тем более там мы использовали кнопки наиболее распространенных в России <a title="Переделываем размер share кнопки от Mail.ru" href="http://sap-consalt.ru/2010/06/19/peredelyvaem-razmer-share-knopki-ot-mail-ru/">социальных сетей</a>.</p>
<p align="left">Источник: <a href="http://sap-consalt.ru/">Коллективный блог специалистов SAP</a></p>      

<p>Related posts:<ol><li><a href='http://sap-consalt.ru/2011/07/26/slajd-panel-s-zakladkami-v-socialnye-seti-v-stile-mashable-com/' rel='bookmark' title='Permanent Link: Слайд панель с закладками в социальные сети в стиле mashable.com'>Слайд панель с закладками в социальные сети в стиле mashable.com</a></li>
<li><a href='http://sap-consalt.ru/2011/07/26/kak-vyvesti-blok-s-informaciej-ob-avtore-posta-v-wordpress/' rel='bookmark' title='Permanent Link: Как вывести блок с информацией об авторе поста в WordPress'>Как вывести блок с информацией об авторе поста в WordPress</a></li>
<li><a href='http://sap-consalt.ru/2011/07/10/kak-sdelat-vashemu-sajtu-ikonku-dlya-iphone/' rel='bookmark' title='Permanent Link: Как сделать вашему сайту иконку для  iPhone'>Как сделать вашему сайту иконку для  iPhone</a></li>
</ol></p>
<p><a href="http://feedads.g.doubleclick.net/~a/HjFfsBxGIkeH73VTzrBwmnrNBfU/0/da"><img src="http://feedads.g.doubleclick.net/~a/HjFfsBxGIkeH73VTzrBwmnrNBfU/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/HjFfsBxGIkeH73VTzrBwmnrNBfU/1/da"><img src="http://feedads.g.doubleclick.net/~a/HjFfsBxGIkeH73VTzrBwmnrNBfU/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/SapR/3/~4/l4gtkgp2-38" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://sap-consalt.ru/2011/07/26/wordpress-plagin-slajd-paneli-s-socialnymi-zakladkami/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://sap-consalt.ru/2011/07/26/wordpress-plagin-slajd-paneli-s-socialnymi-zakladkami/</feedburner:origLink></item>
		<item>
		<title>Слайд панель с закладками в социальные сети в стиле mashable.com</title>
		<link>http://feedproxy.google.com/~r/SapR/3/~3/KWZdQu4-_N0/</link>
		<comments>http://sap-consalt.ru/2011/07/26/slajd-panel-s-zakladkami-v-socialnye-seti-v-stile-mashable-com/#comments</comments>
		<pubDate>Tue, 26 Jul 2011 17:03:27 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Дизайн]]></category>

		<guid isPermaLink="false">http://sap-consalt.ru/?p=365</guid>
		<description><![CDATA[Кроме того, что сайт www.mashable.com является центральным поставщиком новостей для множества пользователей интернета, это еще и наиболее продвинутый ресурс в плане проникновения в него социальных сетей и современных технологий. Сайт был открыт в 2005 году и благодаря глубокой интеграции с социальными сетями, обеспечил довольно высокий объем просмотров страниц сайта(более 25 миллионов в месяц). Для пользователей [...]


Related posts:<ol><li><a href='http://sap-consalt.ru/2011/07/26/wordpress-plagin-slajd-paneli-s-socialnymi-zakladkami/' rel='bookmark' title='Permanent Link: WordPress плагин слайд панели с социальными закладками'>WordPress плагин слайд панели с социальными закладками</a></li>
<li><a href='http://sap-consalt.ru/2011/07/09/peredelyvaem-razmer-share-knopki-ot-mail-ru/' rel='bookmark' title='Permanent Link: Переделываем размер share кнопки от Mail.ru'>Переделываем размер share кнопки от Mail.ru</a></li>
<li><a href='http://sap-consalt.ru/2011/07/10/kak-sdelat-vashemu-sajtu-ikonku-dlya-iphone/' rel='bookmark' title='Permanent Link: Как сделать вашему сайту иконку для  iPhone'>Как сделать вашему сайту иконку для  iPhone</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft" src="http://web-sence.com/images/2010_07/share-panel.png" alt="" width="216" height="216" />Кроме того, что сайт <a href="http://www.mashable.com">www.mashable.com</a> является центральным поставщиком новостей для множества пользователей интернета, это еще и наиболее продвинутый ресурс в плане проникновения в него социальных сетей и современных технологий.</p>
<p>Сайт был открыт в 2005 году и благодаря глубокой интеграции с социальными сетями, обеспечил довольно высокий объем просмотров страниц сайта(более 25 миллионов в месяц). Для пользователей мобильного интернета доступны приложения для более удобного чтения статей Mashable на iPhone или iPad, но они не позволят в полной мере насладиться новым дизайном ресурса.<span id="more-365"></span></p>
<p>Если закончить с хвальбами(а мне сайт действительно очень нравиться, как с точки зрения контента, так и с точки зрения usability) и перейти непосредственно к находкам разработчиков сайта mashable.com, предлагаю вам обратить внимание на то как именно реализована панель с кнопками различных социальных сервисов(Twitter, Facebook и DiggIT).</p>
<p>При разрешении экрана достаточном для умещения в окне браузера области с контентом и сайдбара с навигацией и рекламой, панель с счетчиками социальных ресурсов располагается слева от контента и вместе с прокруткой страницы вниз, перемещается и остается на одном и том же месте экрана. В случае если вы смените размер окна браузера, панель плавно трансформируется в строчку в заголовке страницы. В этот же момент крупные иконки счетчиков социальных ресурсов исчезают и появляются более компактные счетчики.</p>
<p>[youtube]iA9aTjmNVEY[/youtube]</p>
<p>На первый же взгляд этот эффект реализован при помощи JavaScript, скорее всего используется библиотека jQuery. Решение мне понравилось и я попытался найти способ как это можно сделать на своих сайтах.</p>
<p>Я не специалист в jQuery, если вас интересуют углубленные знания этой библиотеки, почитайте цикл статей <a href="http://anton.shevchuk.name/javascript/jquery-for-beginners/">jQuery для начинающих</a>. Поэтому для того чтобы реализовать эту возможность пришлось перерыть интернет на предмет решения. На помощь пришла <a href="http://css-tricks.com/resolution-specific-stylesheets/">статья от Chris Coyier</a>, посвященная использованию различной разметки CSS при разном размере окна браузера, и обучающее видео:</p>
<p>[vimeo]11167731[/vimeo]</p>
<p>В примере Chris Coyier при помощи jQuery определяет размер окна браузера и в зависимости от размера, использует нужный файл стиля *.CSS.</p>
<p>Типичная разметка сайта выглядит таким образом:</p>
<p><img class="aligncenter" src="http://sap-consalt.ru/images/2010_07/site%20maket.jpg" alt="" width="540" height="400" /></p>
<p>Так выглядит большинство современных web сайтов(ну или с боковой колонкой в правой части). Для добавления скользящей панели с социальными закладками, так же придется прибегнуть к коду на jQuery. Хотя никакой сложности он и не вызовет:</p>
<div id="wpshdo_5" class="wp-synhighlighter-outer"><div id="wpshdt_5" class="wp-synhighlighter-expanded"><table border="0" width="100%"><tr><td align="left" width="80%"><a name="#codesyntax_5"></a><a id="wpshat_5" class="wp-synhighlighter-title" href="#codesyntax_5"  onClick="javascript:wpsh_toggleBlock(5)" title="Click to show/hide code block">Исходный код</a></td><td align="right"><a href="#codesyntax_5" onClick="javascript:wpsh_code(5)" title="Show code only"><img border="0" style="border: 0 none" src="http://sap-consalt.ru/wp-content/plugins/wp-synhighlight/themes/default/images/code.png" /></a>&nbsp;<a href="#codesyntax_5" onClick="javascript:wpsh_print(5)" title="Print code"><img border="0" style="border: 0 none" src="http://sap-consalt.ru/wp-content/plugins/wp-synhighlight/themes/default/images/printer.png" /></a>&nbsp;<a href="http://sap-consalt.ru/wp-content/plugins/wp-synhighlight/About.html" target="_blank" title="Show plugin information"><img border="0" style="border: 0 none" src="http://sap-consalt.ru/wp-content/plugins/wp-synhighlight/themes/default/images/info.gif" /></a>&nbsp;</td></tr></table></div><div id="wpshdi_5" class="wp-synhighlighter-inner" style="display: block;"><pre class="javascript" style="font-family:monospace;">$<span class="br0">&#40;</span><span class="kw2">function</span><span class="br0">&#40;</span><span class="br0">&#41;</span> <span class="br0">&#123;</span>
<span class="kw2">var</span> offset <span class="sy0">=</span> $<span class="br0">&#40;</span><span class="st0">&quot;#box&quot;</span><span class="br0">&#41;</span>.<span class="me1">offset</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">;</span>
<span class="kw2">var</span> topPadding <span class="sy0">=</span> <span class="nu0">35</span><span class="sy0">;</span>
$<span class="br0">&#40;</span>window<span class="br0">&#41;</span>.<span class="kw3">scroll</span><span class="br0">&#40;</span><span class="kw2">function</span><span class="br0">&#40;</span><span class="br0">&#41;</span> <span class="br0">&#123;</span>
<span class="kw1">if</span> <span class="br0">&#40;</span>$<span class="br0">&#40;</span>window<span class="br0">&#41;</span>.<span class="me1">scrollTop</span><span class="br0">&#40;</span><span class="br0">&#41;</span> <span class="sy0">&gt;</span> offset.<span class="me1">top</span><span class="br0">&#41;</span> <span class="br0">&#123;</span>
$<span class="br0">&#40;</span><span class="st0">&quot;#box&quot;</span><span class="br0">&#41;</span>.<span class="kw3">stop</span><span class="br0">&#40;</span><span class="br0">&#41;</span>.<span class="me1">animate</span><span class="br0">&#40;</span><span class="br0">&#123;</span>
marginTop<span class="sy0">:</span> $<span class="br0">&#40;</span>window<span class="br0">&#41;</span>.<span class="me1">scrollTop</span><span class="br0">&#40;</span><span class="br0">&#41;</span> <span class="sy0">-</span> offset.<span class="me1">top</span> <span class="sy0">+</span> topPadding
<span class="br0">&#125;</span><span class="br0">&#41;</span><span class="sy0">;</span>
<span class="br0">&#125;</span> <span class="kw1">else</span> <span class="br0">&#123;</span>
$<span class="br0">&#40;</span><span class="st0">&quot;#box&quot;</span><span class="br0">&#41;</span>.<span class="kw3">stop</span><span class="br0">&#40;</span><span class="br0">&#41;</span>.<span class="me1">animate</span><span class="br0">&#40;</span><span class="br0">&#123;</span>
marginTop<span class="sy0">:</span> 0
<span class="br0">&#125;</span><span class="br0">&#41;</span><span class="sy0">;</span>
<span class="br0">&#125;</span><span class="sy0">;</span>
<span class="br0">&#125;</span><span class="br0">&#41;</span><span class="sy0">;</span>
<span class="br0">&#125;</span><span class="br0">&#41;</span><span class="sy0">;</span></pre></div></div><br />
Так же добавьте в файл стиля описание разметки блока для вывода социальных закладок:</p>
<p><div id="wpshdo_6" class="wp-synhighlighter-outer"><div id="wpshdt_6" class="wp-synhighlighter-expanded"><table border="0" width="100%"><tr><td align="left" width="80%"><a name="#codesyntax_6"></a><a id="wpshat_6" class="wp-synhighlighter-title" href="#codesyntax_6"  onClick="javascript:wpsh_toggleBlock(6)" title="Click to show/hide code block">Исходный код</a></td><td align="right"><a href="#codesyntax_6" onClick="javascript:wpsh_code(6)" title="Show code only"><img border="0" style="border: 0 none" src="http://sap-consalt.ru/wp-content/plugins/wp-synhighlight/themes/default/images/code.png" /></a>&nbsp;<a href="#codesyntax_6" onClick="javascript:wpsh_print(6)" title="Print code"><img border="0" style="border: 0 none" src="http://sap-consalt.ru/wp-content/plugins/wp-synhighlight/themes/default/images/printer.png" /></a>&nbsp;<a href="http://sap-consalt.ru/wp-content/plugins/wp-synhighlight/About.html" target="_blank" title="Show plugin information"><img border="0" style="border: 0 none" src="http://sap-consalt.ru/wp-content/plugins/wp-synhighlight/themes/default/images/info.gif" /></a>&nbsp;</td></tr></table></div><div id="wpshdi_6" class="wp-synhighlighter-inner" style="display: block;"><pre class="css" style="font-family:monospace;"><span class="re0">#box</span><span class="br0">&#123;</span><span class="kw1">position</span><span class="sy0">:</span> <span class="kw2">absolute</span><span class="sy0">;</span>
<span class="kw1">left</span><span class="sy0">:</span><span class="re3"><span class="nu0">50</span>%</span><span class="sy0">;</span> <span class="kw1">top</span><span class="sy0">:</span><span class="re3"><span class="nu0">10</span>%</span><span class="sy0">;</span> <span class="kw1">bottom</span><span class="sy0">:</span><span class="kw2">auto</span><span class="sy0">;</span>
<span class="kw1">margin-left</span><span class="sy0">:</span><span class="re3">-486px</span><span class="sy0">;</span> <span class="kw1">border</span><span class="sy0">:</span> <span class="re3">1px</span> <span class="kw2">solid</span> <span class="re0">#7ca5be</span><span class="sy0">;</span> <span class="kw1">border-right</span><span class="sy0">:</span> <span class="re3">0px</span><span class="sy0">;</span>padding<span class="sy0">:</span> <span class="re3">10px</span><span class="sy0">;</span>background-<span class="kw1">color</span><span class="sy0">:</span> <span class="re0">#eee</span><span class="sy0">;</span>
<span class="br0">&#125;</span></pre></div></div>
<p>В коде описано смещение влево на 486 пикселей, на 10% от верхней границы страницы и стиль оформления блока.</p>
<p>Но так мы получили только скользящую панель с социальными закладками, а это только половина дела по пути к находке Mashable.</p>
<p>Вернемся к уроку от Chris Coyier и добавим в разметку сайта еще два файла стиля</p>
<p>Medium.css:</p>
<div id="wpshdo_7" class="wp-synhighlighter-outer"><div id="wpshdt_7" class="wp-synhighlighter-expanded"><table border="0" width="100%"><tr><td align="left" width="80%"><a name="#codesyntax_7"></a><a id="wpshat_7" class="wp-synhighlighter-title" href="#codesyntax_7"  onClick="javascript:wpsh_toggleBlock(7)" title="Click to show/hide code block">Исходный код</a></td><td align="right"><a href="#codesyntax_7" onClick="javascript:wpsh_code(7)" title="Show code only"><img border="0" style="border: 0 none" src="http://sap-consalt.ru/wp-content/plugins/wp-synhighlight/themes/default/images/code.png" /></a>&nbsp;<a href="#codesyntax_7" onClick="javascript:wpsh_print(7)" title="Print code"><img border="0" style="border: 0 none" src="http://sap-consalt.ru/wp-content/plugins/wp-synhighlight/themes/default/images/printer.png" /></a>&nbsp;<a href="http://sap-consalt.ru/wp-content/plugins/wp-synhighlight/About.html" target="_blank" title="Show plugin information"><img border="0" style="border: 0 none" src="http://sap-consalt.ru/wp-content/plugins/wp-synhighlight/themes/default/images/info.gif" /></a>&nbsp;</td></tr></table></div><div id="wpshdi_7" class="wp-synhighlighter-inner" style="display: block;"><pre class="css" style="font-family:monospace;">body <span class="br0">&#123;</span> <span class="kw1">background</span><span class="sy0">:</span> <span class="re0">#999</span><span class="sy0">;</span> <span class="br0">&#125;</span>
<span class="re0">#page-wrap</span> <span class="br0">&#123;</span> <span class="kw1">width</span><span class="sy0">:</span> <span class="re3">800px</span><span class="sy0">;</span> <span class="br0">&#125;</span>
<span class="re0">#main-</span><span class="kw1">content</span> <span class="br0">&#123;</span> <span class="kw1">float</span><span class="sy0">:</span> <span class="kw1">right</span><span class="sy0">;</span> <span class="kw1">width</span><span class="sy0">:</span> <span class="re3">512px</span><span class="sy0">;</span> <span class="kw1">height</span><span class="sy0">:</span> <span class="re3">800px</span><span class="sy0">;</span> <span class="br0">&#125;</span>
<span class="re0">#secondary-one</span> <span class="br0">&#123;</span> <span class="kw1">float</span><span class="sy0">:</span> <span class="kw1">left</span><span class="sy0">;</span> <span class="kw1">width</span><span class="sy0">:</span> <span class="re3">200px</span><span class="sy0">;</span> <span class="kw1">height</span><span class="sy0">:</span> <span class="re3">800px</span><span class="sy0">;</span> <span class="br0">&#125;</span>
<span class="re0">#box</span> <span class="br0">&#123;</span> <span class="kw1">display</span><span class="sy0">:</span><span class="kw2">none</span><span class="sy0">;</span> <span class="br0">&#125;</span>
<span class="re0">#floating-box</span> <span class="br0">&#123;</span> <span class="kw1">display</span><span class="sy0">:</span> <span class="kw2">none</span><span class="sy0">;</span> <span class="br0">&#125;</span></pre></div></div>
<p>Выглядеть страница с таким стилем будет так:</p>
<p><img class="aligncenter" src="http://sap-consalt.ru/images/2010_07/site-maket1.jpg" alt="" width="540" height="400" /></p>
<p>Wider.css:</p>
<div id="wpshdo_8" class="wp-synhighlighter-outer"><div id="wpshdt_8" class="wp-synhighlighter-expanded"><table border="0" width="100%"><tr><td align="left" width="80%"><a name="#codesyntax_8"></a><a id="wpshat_8" class="wp-synhighlighter-title" href="#codesyntax_8"  onClick="javascript:wpsh_toggleBlock(8)" title="Click to show/hide code block">Исходный код</a></td><td align="right"><a href="#codesyntax_8" onClick="javascript:wpsh_code(8)" title="Show code only"><img border="0" style="border: 0 none" src="http://sap-consalt.ru/wp-content/plugins/wp-synhighlight/themes/default/images/code.png" /></a>&nbsp;<a href="#codesyntax_8" onClick="javascript:wpsh_print(8)" title="Print code"><img border="0" style="border: 0 none" src="http://sap-consalt.ru/wp-content/plugins/wp-synhighlight/themes/default/images/printer.png" /></a>&nbsp;<a href="http://sap-consalt.ru/wp-content/plugins/wp-synhighlight/About.html" target="_blank" title="Show plugin information"><img border="0" style="border: 0 none" src="http://sap-consalt.ru/wp-content/plugins/wp-synhighlight/themes/default/images/info.gif" /></a>&nbsp;</td></tr></table></div><div id="wpshdi_8" class="wp-synhighlighter-inner" style="display: block;"><pre class="css" style="font-family:monospace;">body <span class="br0">&#123;</span> <span class="kw1">background</span><span class="sy0">:</span> <span class="re0">#999</span><span class="sy0">;</span> <span class="br0">&#125;</span>
<span class="re0">#page-wrap</span> <span class="br0">&#123;</span> <span class="kw1">width</span><span class="sy0">:</span> <span class="re3">800px</span><span class="sy0">;</span> <span class="kw1">position</span><span class="sy0">:</span> <span class="kw2">relative</span><span class="sy0">;</span> <span class="br0">&#125;</span>
<span class="re0">#main-</span><span class="kw1">content</span> <span class="br0">&#123;</span> <span class="kw1">float</span><span class="sy0">:</span> <span class="kw1">left</span><span class="sy0">;</span> <span class="kw1">width</span><span class="sy0">:</span> <span class="re3">512px</span><span class="sy0">;</span> <span class="kw1">height</span><span class="sy0">:</span> <span class="re3">800px</span><span class="sy0">;</span> <span class="kw1">margin-left</span><span class="sy0">:</span> <span class="re3">247px</span><span class="sy0">;</span> <span class="br0">&#125;</span>
<span class="re0">#secondary-one</span> <span class="br0">&#123;</span> <span class="kw1">width</span><span class="sy0">:</span> <span class="re3">200px</span><span class="sy0">;</span> <span class="kw1">height</span><span class="sy0">:</span> <span class="re3">800px</span><span class="sy0">;</span> <span class="kw1">position</span><span class="sy0">:</span> <span class="kw2">absolute</span><span class="sy0">;</span> <span class="kw1">left</span><span class="sy0">:</span> <span class="nu0">0</span><span class="sy0">;</span> <span class="kw1">top</span><span class="sy0">:</span> <span class="re3">64px</span><span class="sy0">;</span> <span class="br0">&#125;</span>
<span class="re0">#secondary-two</span> <span class="br0">&#123;</span> <span class="kw1">display</span><span class="sy0">:</span> <span class="kw2">none</span><span class="sy0">;</span> <span class="br0">&#125;</span></pre></div></div>
<p><img class="aligncenter" src="http://sap-consalt.ru/images/2010_07/site-maket2.jpg" alt="" width="540" height="400" /></p>
<p>Как видно первый стиль описывает страницу, на которой наша плавающая панель не будет видна, с другой стороны во втором стиле "исчезает" блок, располагающийся под заголовком, и плавающая панель показывается на странице.</p>
<p>Определение размера окна браузера и смена стиля страницы выполняется при помощи пары функций на jQuery, которые приводит в своем примере Chris Coyier:</p>
<div id="wpshdo_9" class="wp-synhighlighter-outer"><div id="wpshdt_9" class="wp-synhighlighter-expanded"><table border="0" width="100%"><tr><td align="left" width="80%"><a name="#codesyntax_9"></a><a id="wpshat_9" class="wp-synhighlighter-title" href="#codesyntax_9"  onClick="javascript:wpsh_toggleBlock(9)" title="Click to show/hide code block">Исходный код</a></td><td align="right"><a href="#codesyntax_9" onClick="javascript:wpsh_code(9)" title="Show code only"><img border="0" style="border: 0 none" src="http://sap-consalt.ru/wp-content/plugins/wp-synhighlight/themes/default/images/code.png" /></a>&nbsp;<a href="#codesyntax_9" onClick="javascript:wpsh_print(9)" title="Print code"><img border="0" style="border: 0 none" src="http://sap-consalt.ru/wp-content/plugins/wp-synhighlight/themes/default/images/printer.png" /></a>&nbsp;<a href="http://sap-consalt.ru/wp-content/plugins/wp-synhighlight/About.html" target="_blank" title="Show plugin information"><img border="0" style="border: 0 none" src="http://sap-consalt.ru/wp-content/plugins/wp-synhighlight/themes/default/images/info.gif" /></a>&nbsp;</td></tr></table></div><div id="wpshdi_9" class="wp-synhighlighter-inner" style="display: block;"><pre class="javascript" style="font-family:monospace;"><span class="kw2">function</span> adjustStyle<span class="br0">&#40;</span>width<span class="br0">&#41;</span> <span class="br0">&#123;</span>
width <span class="sy0">=</span> parseInt<span class="br0">&#40;</span>width<span class="br0">&#41;</span><span class="sy0">;</span>
<span class="kw1">if</span> <span class="br0">&#40;</span>width <span class="sy0">&lt;</span> <span class="nu0">1001</span><span class="br0">&#41;</span> <span class="br0">&#123;</span>
$<span class="br0">&#40;</span><span class="st0">&quot;#size-stylesheet&quot;</span><span class="br0">&#41;</span>.<span class="me1">attr</span><span class="br0">&#40;</span><span class="st0">&quot;href&quot;</span><span class="sy0">,</span> <span class="st0">&quot;css/medium.css&quot;</span><span class="br0">&#41;</span><span class="sy0">;</span>
<span class="br0">&#125;</span> <span class="kw1">else</span> <span class="br0">&#123;</span>
$<span class="br0">&#40;</span><span class="st0">&quot;#size-stylesheet&quot;</span><span class="br0">&#41;</span>.<span class="me1">attr</span><span class="br0">&#40;</span><span class="st0">&quot;href&quot;</span><span class="sy0">,</span> <span class="st0">&quot;css/wide.css&quot;</span><span class="br0">&#41;</span><span class="sy0">;</span>
<span class="br0">&#125;</span>
<span class="br0">&#125;</span>
$<span class="br0">&#40;</span><span class="kw2">function</span><span class="br0">&#40;</span><span class="br0">&#41;</span> <span class="br0">&#123;</span>
adjustStyle<span class="br0">&#40;</span>$<span class="br0">&#40;</span><span class="kw1">this</span><span class="br0">&#41;</span>.<span class="me1">width</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="br0">&#41;</span><span class="sy0">;</span>
$<span class="br0">&#40;</span>window<span class="br0">&#41;</span>.<span class="me1">resize</span><span class="br0">&#40;</span><span class="kw2">function</span><span class="br0">&#40;</span><span class="br0">&#41;</span> <span class="br0">&#123;</span>
adjustStyle<span class="br0">&#40;</span>$<span class="br0">&#40;</span><span class="kw1">this</span><span class="br0">&#41;</span>.<span class="me1">width</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="br0">&#41;</span><span class="sy0">;</span>
<span class="br0">&#125;</span><span class="br0">&#41;</span><span class="sy0">;</span>
<span class="br0">&#125;</span><span class="br0">&#41;</span><span class="sy0">;</span></pre></div></div>
<p>По id находиться вызов соответствующего стиля в заголовке HTML страницы("size-stylesheet"), и если размер окна браузера был изменен, функция adjustStyle выберет какой именно файл CSS будет использоваться.</p>
<p>Такой трюк позволяет нам в зависимости от размера окна бразура использовать различную разметку страницы, в том числе скрывать или показывать элементы страницы. Так мы скроем плавающую панель,  в случае уменьшения размера окна браузера, то есть будем использовать первый файл стилей, в случае увеличения размера окна браузера, будет использоваться второй файл стилей.</p>
<p>После того, как добавлены файлы стилей и JavaScript, и выполнена разметка элементов на странице, добавьте счетчики добавления страницы в социальные сети, например, Mail.Ru, Google Buzz и Facebook. Чтобы не изуродовать внешний вид плавающей панели огромной кнопкой от Mail.Ru, можете использовать результат из прошлого примера, где мы меняли размер share кнопки от mail.ru.</p>
<p><a href="http://sap-consalt.ru/demo/2010_07/mashable-flex-panel/mashable-flexible-design.html"><img src="http://sap-consalt.ru/images/demo.png" alt="" /></a><a href="http://sap-consalt.ru/demo/2010_07/mashable-flex-panel/mashable-flex-panel.zip"> <img src="http://sap-consalt.ru/images/source.png" alt="" /></a></p>
<p>Это решение, конечно, не в точности повторяет подход разработчиков Mashable, однако, позволит вам улучшить внешний вид вашего сайта, а так же, возможно, позволит привлечь новых посетителей из социальных сетей.</p>
<p>Пример отлично работает в браузерах на WebKit движке:</p>
<ul>
<li>Safari</li>
<li>Google Chrome</li>
</ul>
<p>так же работает в IE 7 и выше</p>
<p>с "мерцанием" работает в браузерах:</p>
<ul>
<li>Firefox</li>
<li>Opera</li>
</ul>
<p>Эти браузеры в момент изменения размера окна браузера выгружают используемый стиль и через мгновение загружают новый, из-за этого возникает эффект "мерцания" страницы.</p>
<p>Если у вас есть какие-то предложения по улучшению, или свои варианты реализации - добро пожаловать в комментарии.</p>
<p>PS: если вам не очень интересно делать "гибкий" дизайн и плодить CSS файлы, достаточно будет добавить плавающую панель как <a href="http://dimox.name/socializ-floating-panel/">описано в руководстве</a>.</p>
<p align="left">Источник: <a href="http://sap-consalt.ru/">Коллективный блог специалистов SAP</a></p>      

<p>Related posts:<ol><li><a href='http://sap-consalt.ru/2011/07/26/wordpress-plagin-slajd-paneli-s-socialnymi-zakladkami/' rel='bookmark' title='Permanent Link: WordPress плагин слайд панели с социальными закладками'>WordPress плагин слайд панели с социальными закладками</a></li>
<li><a href='http://sap-consalt.ru/2011/07/09/peredelyvaem-razmer-share-knopki-ot-mail-ru/' rel='bookmark' title='Permanent Link: Переделываем размер share кнопки от Mail.ru'>Переделываем размер share кнопки от Mail.ru</a></li>
<li><a href='http://sap-consalt.ru/2011/07/10/kak-sdelat-vashemu-sajtu-ikonku-dlya-iphone/' rel='bookmark' title='Permanent Link: Как сделать вашему сайту иконку для  iPhone'>Как сделать вашему сайту иконку для  iPhone</a></li>
</ol></p>
<p><a href="http://feedads.g.doubleclick.net/~a/G0kIbdGRcMUiH9XqyH8kPbyqrTo/0/da"><img src="http://feedads.g.doubleclick.net/~a/G0kIbdGRcMUiH9XqyH8kPbyqrTo/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/G0kIbdGRcMUiH9XqyH8kPbyqrTo/1/da"><img src="http://feedads.g.doubleclick.net/~a/G0kIbdGRcMUiH9XqyH8kPbyqrTo/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/SapR/3/~4/KWZdQu4-_N0" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://sap-consalt.ru/2011/07/26/slajd-panel-s-zakladkami-v-socialnye-seti-v-stile-mashable-com/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://sap-consalt.ru/2011/07/26/slajd-panel-s-zakladkami-v-socialnye-seti-v-stile-mashable-com/</feedburner:origLink></item>
		<item>
		<title>Как вывести блок с информацией об авторе поста в WordPress</title>
		<link>http://feedproxy.google.com/~r/SapR/3/~3/r6xok_12tBA/</link>
		<comments>http://sap-consalt.ru/2011/07/26/kak-vyvesti-blok-s-informaciej-ob-avtore-posta-v-wordpress/#comments</comments>
		<pubDate>Tue, 26 Jul 2011 16:56:20 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://sap-consalt.ru/?p=361</guid>
		<description><![CDATA[Последнее время интернет каждый день наполняется новыми блогами, многие из этих блогов используют подход коллективизма к написанию статей, некоторые же используют гостевые посты. Самым удобным способом разделить статьи основного автора блога и остальных авторов - использовать в конце каждой статьи блок, посвященной информации об авторе поста. Естественно, эта проблема уже давно волнует авторов блогов на [...]


Related posts:<ol><li><a href='http://sap-consalt.ru/2011/07/26/wordpress-plagin-slajd-paneli-s-socialnymi-zakladkami/' rel='bookmark' title='Permanent Link: WordPress плагин слайд панели с социальными закладками'>WordPress плагин слайд панели с социальными закладками</a></li>
<li><a href='http://sap-consalt.ru/2011/07/26/buddypress-problema-pri-zagruzke-avatar/' rel='bookmark' title='Permanent Link: BuddyPress: проблема при загрузке аватар'>BuddyPress: проблема при загрузке аватар</a></li>
<li><a href='http://sap-consalt.ru/2010/03/26/kak-vyvesti-naimenovanie-kanala-sbyta-v-sap/' rel='bookmark' title='Permanent Link: Как вывести наименование Канала Сбыта в SAP'>Как вывести наименование Канала Сбыта в SAP</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft" src="http://sap-consalt.ru/images/2010_07/wordpress-about.png" alt="" width="210" height="210" />Последнее время интернет каждый день наполняется новыми блогами, многие из этих блогов используют подход коллективизма к написанию статей, некоторые же используют гостевые посты.</p>
<p>Самым удобным способом разделить статьи основного автора блога и остальных авторов - использовать в конце каждой статьи блок, посвященной информации об авторе поста.<span id="more-361"></span></p>
<p>Естественно, эта проблема уже давно волнует авторов блогов на WordPress и сейчас есть несколько довольно стандартных решений.</p>
<p>Одно из решений предложили Sam и Zach в своем блоге <a href="http://buildinternet.com/2008/12/how-to-build-an-author-box-in-wordpress/">Build Internet</a>. Они предложили использовать для вывода блока автора, в качестве аватары автора Gravatar пользователя, который подтянется к почте указанной в профиле пользователя блога.</p>
<p>Дополнительная информация о пользователе храниться в поле - Биография.</p>
<p style="text-align: center;"><img class="aligncenter" src="http://sap-consalt.ru/images/2010_07/about1.png" alt="" width="590" height="125" /></p>
<div style="text-align: left;">Решение довольно простое и лаконичное, однако, оно вам не подойдет, если вы не пользуетесь Gravatar на своем блоге и хотели бы загрузить свою собственную картинку аватара автора. При отсутствии Gravatar у пользователя будет выводиться стандартная серая картинка, это не очень красиво.</div>
<p>Если вам не хочется ковыряться в коде вашего блога, вы можете просто воспользоваться плагином <a href="http://www.wordpressplugins.ru/look/author-exposed.html">Author Exposed</a></p>
<p><img class="aligncenter" src="http://sap-consalt.ru/images/2010_07/about2.png" alt="" width="347" height="201" /></p>
<p>Но тут придется мириться с дизайном плагина, и если требуется его настроить под дизайн шаблона блога, опять же придется лезть в код.</p>
<p>Есть и еще один способ, который позволит использовать и стандартные поля (например, Биография) из профиля пользователя, и добавит возможность загружить свои аватары к каждому профилю.</p>
<p>Для начала придется скачать плагин <a href="http://wordpress.org/extend/plugins/user-photo/">User Photo для WordPress</a>, который расширяет функциональность блога в части ведения данных пользователя.</p>
<p>Для каждого профиля пользователя добавиться возможность загрузить собственный аватар, кроме того, плагин позволяет использовать как аватар полностью, если это будет картинка большого размера, так и его уменьшенную копию.</p>
<p style="text-align: center;"><img class="aligncenter" src="http://sap-consalt.ru/images/2010_07/about3.png" alt="" width="570" height="222" /></p>
<p>Все управление плагином выполняется всего четырьмя функциями:</p>
<div id="wpshdo_10" class="wp-synhighlighter-outer"><div id="wpshdt_10" class="wp-synhighlighter-expanded"><table border="0" width="100%"><tr><td align="left" width="80%"><a name="#codesyntax_10"></a><a id="wpshat_10" class="wp-synhighlighter-title" href="#codesyntax_10"  onClick="javascript:wpsh_toggleBlock(10)" title="Click to show/hide code block">Исходный код</a></td><td align="right"><a href="#codesyntax_10" onClick="javascript:wpsh_code(10)" title="Show code only"><img border="0" style="border: 0 none" src="http://sap-consalt.ru/wp-content/plugins/wp-synhighlight/themes/default/images/code.png" /></a>&nbsp;<a href="#codesyntax_10" onClick="javascript:wpsh_print(10)" title="Print code"><img border="0" style="border: 0 none" src="http://sap-consalt.ru/wp-content/plugins/wp-synhighlight/themes/default/images/printer.png" /></a>&nbsp;<a href="http://sap-consalt.ru/wp-content/plugins/wp-synhighlight/About.html" target="_blank" title="Show plugin information"><img border="0" style="border: 0 none" src="http://sap-consalt.ru/wp-content/plugins/wp-synhighlight/themes/default/images/info.gif" /></a>&nbsp;</td></tr></table></div><div id="wpshdi_10" class="wp-synhighlighter-inner" style="display: block;"><pre class="php" style="font-family:monospace;">userphoto_the_author_photo<span class="br0">&#40;</span><span class="br0">&#41;</span>
userphoto_the_author_thumbnail<span class="br0">&#40;</span><span class="br0">&#41;</span>
userphoto_comment_author_photo<span class="br0">&#40;</span><span class="br0">&#41;</span>
userphoto_comment_author_thumbnail<span class="br0">&#40;</span><span class="br0">&#41;</span></pre></div></div>
<p>Теперь можно использовать CSS файл и PHP код из <a href="http://buildinternet.com/2008/12/how-to-build-an-author-box-in-wordpress/">урока Sam и Zach</a>, лишь дополнив его выводом аватары пользователя из профиля.</p>
<p>На страницу шаблона single.php нужно добавить следующий код:</p>
<div id="wpshdo_11" class="wp-synhighlighter-outer"><div id="wpshdt_11" class="wp-synhighlighter-expanded"><table border="0" width="100%"><tr><td align="left" width="80%"><a name="#codesyntax_11"></a><a id="wpshat_11" class="wp-synhighlighter-title" href="#codesyntax_11"  onClick="javascript:wpsh_toggleBlock(11)" title="Click to show/hide code block">Исходный код</a></td><td align="right"><a href="#codesyntax_11" onClick="javascript:wpsh_code(11)" title="Show code only"><img border="0" style="border: 0 none" src="http://sap-consalt.ru/wp-content/plugins/wp-synhighlight/themes/default/images/code.png" /></a>&nbsp;<a href="#codesyntax_11" onClick="javascript:wpsh_print(11)" title="Print code"><img border="0" style="border: 0 none" src="http://sap-consalt.ru/wp-content/plugins/wp-synhighlight/themes/default/images/printer.png" /></a>&nbsp;<a href="http://sap-consalt.ru/wp-content/plugins/wp-synhighlight/About.html" target="_blank" title="Show plugin information"><img border="0" style="border: 0 none" src="http://sap-consalt.ru/wp-content/plugins/wp-synhighlight/themes/default/images/info.gif" /></a>&nbsp;</td></tr></table></div><div id="wpshdi_11" class="wp-synhighlighter-inner" style="display: block;"><pre class="php" style="font-family:monospace;">&lt;div&gt;
<span class="kw2">&lt;?php</span> userphoto_the_author_photo<span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">;</span> <span class="sy1">?&gt;</span>
&lt;div&gt;
&lt;h4&gt;Об авторе: <span class="kw2">&lt;?php</span> the_author_posts_link<span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">;</span> <span class="sy1">?&gt;</span>&lt;/h4&gt;
&lt;p&gt;<span class="kw2">&lt;?php</span> the_author_meta<span class="br0">&#40;</span><span class="st_h">'description'</span><span class="br0">&#41;</span><span class="sy0">;</span> <span class="sy1">?&gt;</span>&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;</pre></div></div>
<p>Итог будет таким:</p>
<p><img class="aligncenter" src="http://sap-consalt.ru/images/2010_07/about4.png" alt="" width="570" height="188" /></p>
<p align="left">Источник: <a href="http://sap-consalt.ru/">Коллективный блог специалистов SAP</a></p>      

<p>Related posts:<ol><li><a href='http://sap-consalt.ru/2011/07/26/wordpress-plagin-slajd-paneli-s-socialnymi-zakladkami/' rel='bookmark' title='Permanent Link: WordPress плагин слайд панели с социальными закладками'>WordPress плагин слайд панели с социальными закладками</a></li>
<li><a href='http://sap-consalt.ru/2011/07/26/buddypress-problema-pri-zagruzke-avatar/' rel='bookmark' title='Permanent Link: BuddyPress: проблема при загрузке аватар'>BuddyPress: проблема при загрузке аватар</a></li>
<li><a href='http://sap-consalt.ru/2010/03/26/kak-vyvesti-naimenovanie-kanala-sbyta-v-sap/' rel='bookmark' title='Permanent Link: Как вывести наименование Канала Сбыта в SAP'>Как вывести наименование Канала Сбыта в SAP</a></li>
</ol></p>
<p><a href="http://feedads.g.doubleclick.net/~a/mP4ar9vQ0X27O5kQb1xvQ5P2vk8/0/da"><img src="http://feedads.g.doubleclick.net/~a/mP4ar9vQ0X27O5kQb1xvQ5P2vk8/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/mP4ar9vQ0X27O5kQb1xvQ5P2vk8/1/da"><img src="http://feedads.g.doubleclick.net/~a/mP4ar9vQ0X27O5kQb1xvQ5P2vk8/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/SapR/3/~4/r6xok_12tBA" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://sap-consalt.ru/2011/07/26/kak-vyvesti-blok-s-informaciej-ob-avtore-posta-v-wordpress/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://sap-consalt.ru/2011/07/26/kak-vyvesti-blok-s-informaciej-ob-avtore-posta-v-wordpress/</feedburner:origLink></item>
		<item>
		<title>Порно ради HTML5 или HTML5 ради порно?</title>
		<link>http://feedproxy.google.com/~r/SapR/3/~3/aN__HxmCRRc/</link>
		<comments>http://sap-consalt.ru/2011/07/10/porno-radi-html5-ili-html5-radi-porno/#comments</comments>
		<pubDate>Sun, 10 Jul 2011 12:18:23 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[HTML5]]></category>

		<guid isPermaLink="false">http://sap-consalt.ru/?p=355</guid>
		<description><![CDATA[Есть огромный пласт теоретической науки, которая развивается оторвано от реальности, и результаты ее исследований могут применяться в жизни людей как через год так и через сто лет. Однако, есть и исследования, которые направлены на сиюминутное облегчение жизни людей. Так и происходило с интернетом. С развитием интернета люди получили возможность взаимодействовать в любое время, это может [...]


Related posts:<ol><li><a href='http://sap-consalt.ru/2011/07/10/kak-sdelat-html5-prilozhenie-dlya-iphone/' rel='bookmark' title='Permanent Link: Как сделать HTML5 приложение для iPhone'>Как сделать HTML5 приложение для iPhone</a></li>
<li><a href='http://sap-consalt.ru/2012/02/11/pryamoe-redaktirovanie-zapisej-tablic-v-sap/' rel='bookmark' title='Permanent Link: Прямое редактирование записей таблиц в SAP'>Прямое редактирование записей таблиц в SAP</a></li>
<li><a href='http://sap-consalt.ru/2010/08/19/sap-i-organicheskaya-elektronika/' rel='bookmark' title='Permanent Link: SAP и органическая электроника'>SAP и органическая электроника</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft" style="margin: 5px;" src="http://sap-consalt.ru/images/2010_06/ipad.jpg" alt="" width="300" height="300" />Есть огромный пласт теоретической науки, которая развивается оторвано от реальности, и результаты ее исследований могут применяться в жизни людей как через год так и через сто лет. Однако, есть и исследования, которые направлены на сиюминутное облегчение жизни людей. Так и происходило с интернетом.</p>
<p>С развитием интернета люди получили возможность взаимодействовать в любое время, это может быть текст, аудио или видео. Мы можем делиться своими мыслями в Twitter или писать в блоги и общаться на форумах, постить свои фото в социальные сети или делиться видео на youtube.</p>
<p>Но так же интернет стал огромным каналом по передаче контента, чем бОльшие объемы информации требовалось передавать, тем активнее развивались возможности современных провайдеров и производителей сетевого оборудования. Мало кто сейчас обращает внимание на тот факт, что первыми поставщиками больших объемов информации в интернете были порно сайты. Люди просто хотели смотреть порно!<span id="more-355"></span></p>
<p>И вот сейчас выходит отличная новость - <a href="http://webplanet.ru/news/life/2010/06/29/dp.html">Порноиндустрия откажется от Flash ради Apple</a>.</p>
<p>Настал момент, когда технология начала ограничивать потребности людей. И главную из потребностей - смотреть порно. Если учесть что большинство порно сайтов использует для трансляции видео технологию Flash, то пользователи iДевайсов ограничены лишь просмотром картинок. Но ушлые разработчики никогда не стоят на месте, стандарт HTML5 позволяет использовать видео на ваших проектах без использования технологии Flash. Это как раз один из постулатов, которые отстаивает компания Apple. Она как бы намекает всей порноиндустрии - переходите на HTML5 и все те миллионы устройств на iOS которые уже проданы на данный момент, станут потребителями вашего контента.</p>
<p>Теперь и на улице айМаньяков настанет праздник, ведь куда еще применить iPad кроме как ни для просмотра того самого авторского немецкого кино?</p>
<p>А вы что думаете?</p>
<p align="left">Источник: <a href="http://sap-consalt.ru/">Коллективный блог специалистов SAP</a></p>      

<p>Related posts:<ol><li><a href='http://sap-consalt.ru/2011/07/10/kak-sdelat-html5-prilozhenie-dlya-iphone/' rel='bookmark' title='Permanent Link: Как сделать HTML5 приложение для iPhone'>Как сделать HTML5 приложение для iPhone</a></li>
<li><a href='http://sap-consalt.ru/2012/02/11/pryamoe-redaktirovanie-zapisej-tablic-v-sap/' rel='bookmark' title='Permanent Link: Прямое редактирование записей таблиц в SAP'>Прямое редактирование записей таблиц в SAP</a></li>
<li><a href='http://sap-consalt.ru/2010/08/19/sap-i-organicheskaya-elektronika/' rel='bookmark' title='Permanent Link: SAP и органическая электроника'>SAP и органическая электроника</a></li>
</ol></p>
<p><a href="http://feedads.g.doubleclick.net/~a/_dGJm4oEMve42JTS5nnIHy8NZfM/0/da"><img src="http://feedads.g.doubleclick.net/~a/_dGJm4oEMve42JTS5nnIHy8NZfM/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/_dGJm4oEMve42JTS5nnIHy8NZfM/1/da"><img src="http://feedads.g.doubleclick.net/~a/_dGJm4oEMve42JTS5nnIHy8NZfM/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/SapR/3/~4/aN__HxmCRRc" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://sap-consalt.ru/2011/07/10/porno-radi-html5-ili-html5-radi-porno/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://sap-consalt.ru/2011/07/10/porno-radi-html5-ili-html5-radi-porno/</feedburner:origLink></item>
	</channel>
</rss><!-- Dynamic page generated in 6.202 seconds. --><!-- Cached page generated by WP-Super-Cache on 2012-02-11 16:11:06 -->

