<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Блог непонятно кого &#187; Портфолио</title>
	<atom:link href="http://mr-ozio.ru/c/portfolio/feed" rel="self" type="application/rss+xml" />
	<link>http://mr-ozio.ru</link>
	<description>Привет! Меня зовут Николай Соловьёв, этот блог я создал чтобы делится своим опытом и просто рассказывать о своих открытиях в разных областях своих увлечений.</description>
	<lastBuildDate>Mon, 19 Jul 2010 10:10:55 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Сайт фирмы ООО &#171;Водоресурс Инжиниринг&#187;</title>
		<link>http://mr-ozio.ru/306</link>
		<comments>http://mr-ozio.ru/306#comments</comments>
		<pubDate>Mon, 19 Jul 2010 10:10:55 +0000</pubDate>
		<dc:creator>mr.ozio</dc:creator>
				<category><![CDATA[Портфолио]]></category>
		<category><![CDATA[CMS Made Simple]]></category>
		<category><![CDATA[Cufón]]></category>
		<category><![CDATA[портфолио]]></category>

		<guid isPermaLink="false">http://mr-ozio.ru/?p=306</guid>
		<description><![CDATA[Технические детали: Графика: Верстка: Фрэймворки: Технологии: CMS:]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;">
<div id="attachment_307" class="wp-caption aligncenter" style="width: 491px;  border: 1px solid #dddddd; background-color: #f3f3f3; padding-top: 4px; margin: 10px; text-align:center; display: block; margin-right: auto; margin-left: auto;"><a href="http://wr-e.ru"><img src="http://mr-ozio.ru/wp-content/uploads/2010/07/wr-e.png" alt="Водоресурс Инжиниринг" title="Водоресурс Инжиниринг" width="481" height="382" class="size-full wp-image-307" /></a><p style=' padding: 0 4px 5px; margin: 0;'  class="wp-caption-text">Главная страница</p></div>
<p>Технические детали:</p>
<ul>
<li><strong>Графика:</strong> <img class="icon" title="Ps" src="http://mr-ozio.ru/wp-content/themes/new/icons/ps.png" alt="Photoshop" width="16" height="16" /></li>
<li><strong>Верстка:</strong> <img class="icon" title="Dw" src="http://mr-ozio.ru/wp-content/themes/new/icons/dw.png" alt="Dreamweaver" width="16" height="16" /></li>
<li><strong>Фрэймворки:</strong> <img class="icon" title="jQuery" src="http://mr-ozio.ru/wp-content/themes/new/icons/jq.png" alt="jQuery" width="16" height="16" /></li>
<li><strong>Технологии:</strong> <img class="icon" title="cufón" src="http://mr-ozio.ru/wp-content/themes/new/icons/cufon.png" alt="cufón" width="16" height="16" /></li>
<li><strong>CMS:</strong> <img class="icon" title="CMS Made Simple" src="http://mr-ozio.ru/wp-content/themes/new/icons/cmsms.png" alt="CMS Made Simple" width="16" height="16" /></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://mr-ozio.ru/306/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Сайт юридической фирмы &#171;ЮрПрофи&#187;</title>
		<link>http://mr-ozio.ru/296</link>
		<comments>http://mr-ozio.ru/296#comments</comments>
		<pubDate>Sat, 15 May 2010 06:54:51 +0000</pubDate>
		<dc:creator>mr.ozio</dc:creator>
				<category><![CDATA[Портфолио]]></category>
		<category><![CDATA[CMS Made Simple]]></category>
		<category><![CDATA[портфолио]]></category>

		<guid isPermaLink="false">http://mr-ozio.ru/?p=296</guid>
		<description><![CDATA[Технические детали: Графика: Верстка: Фрэймворки: CMS: Делать сайт было приятно, ещё больше порадовала восторженная реакция заказчиков.]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;">
<div id="attachment_298" class="wp-caption aligncenter" style="width: 491px;  border: 1px solid #dddddd; background-color: #f3f3f3; padding-top: 4px; margin: 10px; text-align:center; display: block; margin-right: auto; margin-left: auto;"><a href="http://urpr.ru"><img class="size-full wp-image-298 " title="ЮрПрофи, главная страница" src="http://mr-ozio.ru/wp-content/uploads/2010/05/urpr.png" alt="&quot;ЮрПрофи&quot;" width="481" height="500" /></a><p style=' padding: 0 4px 5px; margin: 0;'  class="wp-caption-text">Главная страница</p></div>
<p>Технические детали:</p>
<ul>
<li><strong>Графика:</strong> <img class="icon" title="Ps" src="http://mr-ozio.ru/wp-content/themes/new/icons/ps.png" alt="Photoshop" width="16" height="16" /></li>
<li><strong>Верстка:</strong> <img class="icon" title="Dw" src="http://mr-ozio.ru/wp-content/themes/new/icons/dw.png" alt="Dreamweaver" width="16" height="16" /></li>
<li><strong>Фрэймворки:</strong> <img class="icon" title="jQuery" src="http://mr-ozio.ru/wp-content/themes/new/icons/jq.png" alt="jQuery" width="16" height="16" /></li>
<li><strong>CMS:</strong> <img class="icon" title="CMS Made Simple" src="http://mr-ozio.ru/wp-content/themes/new/icons/cmsms.png" alt="CMS Made Simple" width="16" height="16" /></li>
</ul>
<p>Делать сайт было приятно, ещё больше порадовала восторженная реакция заказчиков.</p>
]]></content:encoded>
			<wfw:commentRss>http://mr-ozio.ru/296/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Сайт автосервиса &#171;Максидром&#187;</title>
		<link>http://mr-ozio.ru/221</link>
		<comments>http://mr-ozio.ru/221#comments</comments>
		<pubDate>Tue, 25 Aug 2009 00:05:18 +0000</pubDate>
		<dc:creator>mr.ozio</dc:creator>
				<category><![CDATA[Портфолио]]></category>
		<category><![CDATA[CMS Made Simple]]></category>
		<category><![CDATA[портфолио]]></category>

		<guid isPermaLink="false">http://mr-ozio.ru/?p=221</guid>
		<description><![CDATA[О таких заказчиках только мечтать. Везде где чувствовали свою некомпетентность отдавали право выбирать мне. От чего всё вышло так как мне нравится :) Технические детали: Графика: Верстка: Фрэймворки: CMS: Всё получилось на редкость кроссбраузерно. Одно время SuperPreview в Expression Web 3 показывал сходство IE6 и FF3.5 пиксель в пиксель. Но в итоге вышло, что у [...]]]></description>
			<content:encoded><![CDATA[<p>О таких заказчиках только мечтать. Везде где чувствовали свою некомпетентность отдавали право выбирать мне. От чего всё вышло так как мне нравится :)</p>
<div id="attachment_222" class="wp-caption aligncenter" style="width: 491px;  border: 1px solid #dddddd; background-color: #f3f3f3; padding-top: 4px; margin: 10px; text-align:center; display: block; margin-right: auto; margin-left: auto;"><a href="http://maxidromcars.ru"><img src="http://mr-ozio.ru/wp-content/uploads/2009/08/maxidrom.jpg" alt="Главная страница" title="автосервис &quot;Максидром&quot;" width="481" height="441" class="size-full wp-image-222" /></a><p style=' padding: 0 4px 5px; margin: 0;'  class="wp-caption-text">Главная страница</p></div>
<p>Технические детали:</p>
<ul>
<li><strong>Графика:</strong>  <img title="Ps" src="http://mr-ozio.ru/wp-content/themes/new/icons/ps.png" alt="Photoshop" width="16" height="16" class="icon" /></li>
<li><strong>Верстка:</strong> <img title="Dw" src="http://mr-ozio.ru/wp-content/themes/new/icons/dw.png" alt="Dreamweaver" width="16" height="16" class="icon" /></li>
<li><strong>Фрэймворки:</strong> <img title="jQuery" src="http://mr-ozio.ru/wp-content/themes/new/icons/jq.png" alt="jQuery" width="16" height="16" class="icon" /></li>
<li><strong>CMS:</strong> <img title="CMS Made Simple" src="http://mr-ozio.ru/wp-content/themes/new/icons/cmsms.png" alt="CMS Made Simple" width="16" height="16" class="icon" /></li>
</ul>
<p>Всё получилось на редкость кроссбраузерно. Одно время SuperPreview в Expression Web 3 показывал сходство IE6 и FF3.5 пиксель в пиксель. Но в итоге вышло, что у обладателей нормальных браузеров вышел небольшой бонус в красивостях формы отправки сообщений.</p>
]]></content:encoded>
			<wfw:commentRss>http://mr-ozio.ru/221/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Не пригодившийся макет для автомобильного сайта</title>
		<link>http://mr-ozio.ru/105</link>
		<comments>http://mr-ozio.ru/105#comments</comments>
		<pubDate>Fri, 24 Jul 2009 23:58:03 +0000</pubDate>
		<dc:creator>mr.ozio</dc:creator>
				<category><![CDATA[Портфолио]]></category>
		<category><![CDATA[авто]]></category>
		<category><![CDATA[макет]]></category>
		<category><![CDATA[портфолио]]></category>

		<guid isPermaLink="false">http://mr-ozio.ru/?p=105</guid>
		<description><![CDATA[Может нужен кому за сколько-нибудь?]]></description>
			<content:encoded><![CDATA[<p><img style=' display: block; margin-right: auto; margin-left: auto;'  src="http://mr-ozio.ru/wp-content/uploads/2009/07/auto_m.png" alt="Макет для автомобильного сайта" title="Макет для автомобильного сайта" width="481" height="559" class="aligncenter size-full wp-image-106" /></p>
<p>Может нужен кому за сколько-нибудь?</p>
]]></content:encoded>
			<wfw:commentRss>http://mr-ozio.ru/105/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Сайт &#171;2xhtml.ru&#187;</title>
		<link>http://mr-ozio.ru/133</link>
		<comments>http://mr-ozio.ru/133#comments</comments>
		<pubDate>Wed, 22 Jul 2009 01:30:49 +0000</pubDate>
		<dc:creator>mr.ozio</dc:creator>
				<category><![CDATA[Портфолио]]></category>
		<category><![CDATA[CS4]]></category>
		<category><![CDATA[Dreamweaver CS4]]></category>
		<category><![CDATA[Fireworks CS4]]></category>
		<category><![CDATA[Illustrator CS4]]></category>
		<category><![CDATA[Photoshop CS4]]></category>
		<category><![CDATA[вёрстка]]></category>
		<category><![CDATA[портфолио]]></category>

		<guid isPermaLink="false">http://mr-ozio.ru/?p=133</guid>
		<description><![CDATA[Сделал себе сайт — чисто как эксперимент или вообще не знаю для чего. Может кому понравится идея и он что-нибудь у меня закажет :) Сначала в голову пришла мысль сделать сайт в оформлении в стиле Dreamweaver, а потом к списку добавились Photoshop, Fireworks и Illustrator, для форматов psd, png и ai. В процессе создания вспомнилась [...]]]></description>
			<content:encoded><![CDATA[<p>Сделал себе сайт — чисто как эксперимент или вообще не знаю для чего. Может кому понравится идея и он что-нибудь у меня закажет :) Сначала в голову пришла мысль сделать сайт в оформлении в стиле Dreamweaver, а потом к списку добавились Photoshop, Fireworks и Illustrator, для форматов psd, png и ai.</p>
<div id="attachment_132" class="wp-caption aligncenter" style="width: 500px;  border: 1px solid #dddddd; background-color: #f3f3f3; padding-top: 4px; margin: 10px; text-align:center; display: block; margin-right: auto; margin-left: auto;"><a href="http://2xhtml.ru" target="_blank"><img src="http://mr-ozio.ru/wp-content/uploads/2009/07/2xhtml1.png" alt="Страница в стиле Dreamweaver" title="2xhtml.ru" width="490" height="290" class="size-full wp-image-132" /></a><p style=' padding: 0 4px 5px; margin: 0;'  class="wp-caption-text">Страница в стиле Dreamweaver</p></div><span id="more-133"></span></p>
<p><div id="attachment_130" class="wp-caption aligncenter" style="width: 500px;  border: 1px solid #dddddd; background-color: #f3f3f3; padding-top: 4px; margin: 10px; text-align:center; display: block; margin-right: auto; margin-left: auto;"><a href="http://psd.2xhtml.ru" target="_blank"><img src="http://mr-ozio.ru/wp-content/uploads/2009/07/2xhtml-ps1.png" alt="Страница в стиле Photoshop" title="psd.2xhtml.ru" width="490" height="290" class="size-full wp-image-130" /></a><p style=' padding: 0 4px 5px; margin: 0;'  class="wp-caption-text">Страница в стиле Photoshop</p></div>
<div id="attachment_129" class="wp-caption aligncenter" style="width: 500px;  border: 1px solid #dddddd; background-color: #f3f3f3; padding-top: 4px; margin: 10px; text-align:center; display: block; margin-right: auto; margin-left: auto;"><a href="http://png.2xhtml.ru" target="_blank"><img src="http://mr-ozio.ru/wp-content/uploads/2009/07/2xhtml-fw.png" alt="Страница в стиле Fireworks" title="png.2xhtml.ru" width="490" height="290" class="size-full wp-image-129" /></a><p style=' padding: 0 4px 5px; margin: 0;'  class="wp-caption-text">Страница в стиле Fireworks</p></div>
<div id="attachment_131" class="wp-caption aligncenter" style="width: 500px;  border: 1px solid #dddddd; background-color: #f3f3f3; padding-top: 4px; margin: 10px; text-align:center; display: block; margin-right: auto; margin-left: auto;"><a href="http://ai.2xhtml.ru" target="_blank"><img src="http://mr-ozio.ru/wp-content/uploads/2009/07/2xhtml-ai.png" alt="Страница в стиле Illustrator" title="ai.2xhtml.ru" width="490" height="290" class="size-full wp-image-131" /></a><p style=' padding: 0 4px 5px; margin: 0;'  class="wp-caption-text">Страница в стиле Illustrator</p></div>
<p>В процессе создания вспомнилась старая проблема Internet Explorer 6 – он упёрто не хочет понимать параметр блока height: 100%. Нашлось старое решение — тегам html и body необходимо назначить height: 100%. Логика тут не сложная — ослик принимает 100% ширины как область заполенную разметкой внутри документа, по-этому заранее надо указать тегам html и body, что их ширина ровна 100% ширины экрана.</p>
]]></content:encoded>
			<wfw:commentRss>http://mr-ozio.ru/133/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Сайт &#171;Ershalaim.ru&#187;</title>
		<link>http://mr-ozio.ru/60</link>
		<comments>http://mr-ozio.ru/60#comments</comments>
		<pubDate>Sat, 18 Jul 2009 23:17:31 +0000</pubDate>
		<dc:creator>mr.ozio</dc:creator>
				<category><![CDATA[Портфолио]]></category>
		<category><![CDATA[Guitar Pro]]></category>
		<category><![CDATA[блог]]></category>
		<category><![CDATA[Ершалаим.ру]]></category>
		<category><![CDATA[портфолио]]></category>

		<guid isPermaLink="false">http://mr-ozio.ru/?p=60</guid>
		<description><![CDATA[Сайт с гитарными подборками группы &#171;Пилот&#187;. Помимо всего прочего на сайте можно скачать весь репертуар группы в формате mp3, к этому сайту идут 2 бесплатных аддона &#8211; мобильная версия с текстами и аккордами и страничка с дискографией группы в mp3. Технические детали: Графика: Верстка: Фрэймворки: Технологии: В этой работе я поставил себе задачу разобраться с [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://ershalaim.ru">Сайт с гитарными подборками группы &laquo;Пилот&raquo;</a>. Помимо всего прочего на сайте можно скачать весь репертуар группы в формате mp3, к этому сайту идут 2 бесплатных аддона &#8211; <a href="http://pda.ershalaim.ru">мобильная версия с текстами и аккордами</a> и <a href="http://mp3.ershalaim.ru">страничка с дискографией группы в mp3</a>.</p>
<div id="attachment_62" class="wp-caption aligncenter" style="width: 491px;  border: 1px solid #dddddd; background-color: #f3f3f3; padding-top: 4px; margin: 10px; text-align:center; display: block; margin-right: auto; margin-left: auto;"><a href="http://ershalaim.ru"><img src="http://mr-ozio.ru/wp-content/uploads/2009/07/ersh-index.png" alt="главная страница" title="Ершалаим.ру" width="481" height="359" class="size-full wp-image-62" /></a><p style=' padding: 0 4px 5px; margin: 0;'  class="wp-caption-text">Главная страница</p></div>
<div id="attachment_63" class="wp-caption aligncenter" style="width: 491px;  border: 1px solid #dddddd; background-color: #f3f3f3; padding-top: 4px; margin: 10px; text-align:center; display: block; margin-right: auto; margin-left: auto;"><img src="http://mr-ozio.ru/wp-content/uploads/2009/07/ersh-inside.png" alt="Внутренняя страничка" title="Ершалаим.ру" width="481" height="359" class="size-full wp-image-63" /><p style=' padding: 0 4px 5px; margin: 0;'  class="wp-caption-text">Внутренняя страничка</p></div>
<p>Технические детали:</p>
<ul>
<li><strong>Графика:</strong>  <img title="Ps" src="http://mr-ozio.ru/wp-content/themes/new/icons/ps.png" alt="Photoshop" width="16" height="16" class="icon" /></li>
<li><strong>Верстка:</strong> <img title="Dw" src="http://mr-ozio.ru/wp-content/themes/new/icons/dw.png" alt="Dreamweaver" width="16" height="16" class="icon" /></li>
<li><strong>Фрэймворки:</strong> <img title="MooTools" src="http://mr-ozio.ru/wp-content/themes/new/icons/mt.png" alt="MooTools" width="16" height="16" class="icon" /></li>
<li><strong>Технологии:</strong> <img title="sIFR" src="http://mr-ozio.ru/wp-content/themes/new/icons/sifr.png" alt="sIFR" width="16" height="16" class="icon" /></li>
</ul>
<p>В этой работе я поставил себе задачу разобраться с фрэймворком MooTools и технологией sIFR. В целом эксперимент удачный, однако sIFR в некоторых браузерах повёл себя не совсем понятно, да и MooTools оказался не столь кросс-браузерен как хотелось, по-этому сайт в IE6 смотрится не корректно. Что до дизайна, то тут, мне кажется, вышло неплохо, хоть и не столь масштабируемо, однако такой сайт и не требует серьёзной масштабируемости.</p>
]]></content:encoded>
			<wfw:commentRss>http://mr-ozio.ru/60/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Блог &#171;I am Android!&#187;</title>
		<link>http://mr-ozio.ru/23</link>
		<comments>http://mr-ozio.ru/23#comments</comments>
		<pubDate>Sat, 18 Jul 2009 20:09:35 +0000</pubDate>
		<dc:creator>mr.ozio</dc:creator>
				<category><![CDATA[Портфолио]]></category>
		<category><![CDATA[android]]></category>
		<category><![CDATA[I am Android!]]></category>
		<category><![CDATA[блог]]></category>
		<category><![CDATA[портфолио]]></category>

		<guid isPermaLink="false">http://mr-ozio.ru/?p=23</guid>
		<description><![CDATA[Есть такая мобильная операционная система &#8211; Google Android. Это система с открытым исходным кодом, а сайт iamandroid.ru &#8211; блог об этой самой ОС. Технические детали: CMS: Графика: Верстка: Фрэймворки: , В этой работе я горжусь исключительно дизайном, который постарался упростить по максимуму оставив только необходимые элементы. Однако технически вёрстка выполнена не самым лучшим образом и, [...]]]></description>
			<content:encoded><![CDATA[<p>Есть такая мобильная операционная система &#8211; Google Android. Это система с открытым исходным кодом, а сайт <a href="http://iamandroid.ru">iamandroid.ru</a> &#8211; блог об этой самой ОС.</p>
<div id="attachment_47" class="wp-caption aligncenter" style="width: 491px;  border: 1px solid #dddddd; background-color: #f3f3f3; padding-top: 4px; margin: 10px; text-align:center; display: block; margin-right: auto; margin-left: auto;"><a href="http://iamandroid.ru"><img src="http://mr-ozio.ru/wp-content/uploads/2009/07/iam.png" alt="Главная страница" title="iamandroid.ru" width="481" height="486" class="size-full wp-image-47" /></a><p style=' padding: 0 4px 5px; margin: 0;'  class="wp-caption-text">Главная страница</p></div>
<p>Технические детали:</p>
<ul>
<li><strong>CMS:</strong> <img title="Wordpress CMS" src="http://mr-ozio.ru/wp-content/themes/new/icons/wp.png" alt="Wordpress CMS" width="16" height="16" class="icon" /></li>
<li><strong>Графика:</strong> <img title="Ps" src="http://mr-ozio.ru/wp-content/themes/new/icons/ps.png" alt="Photoshop" width="16" height="16" class="icon" /></li>
<li><strong>Верстка:</strong> <img title="Dw" src="http://mr-ozio.ru/wp-content/themes/new/icons/dw.png" alt="Dreamweaver" width="16" height="16" class="icon" /></li>
<li><strong>Фрэймворки:</strong> <img title="jQuery" src="http://mr-ozio.ru/wp-content/themes/new/icons/jq.png" alt="jQuery" width="16" height="16" class="icon" />, <img title="jQuery UI" src="http://mr-ozio.ru/wp-content/themes/new/icons/ui.png" alt="jQuery UI" width="16" height="16" class="icon" /></li>
</ul>
<p>В этой работе я горжусь исключительно дизайном, который постарался упростить по максимуму оставив только необходимые элементы. Однако технически вёрстка выполнена не самым лучшим образом и, местами, не так кросс-браузерно как хотелось бы.</p>
]]></content:encoded>
			<wfw:commentRss>http://mr-ozio.ru/23/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
