<?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>UGgallery</title>
	<atom:link href="http://uggallery.audiopeace.ru/feed" rel="self" type="application/rss+xml" />
	<link>http://uggallery.audiopeace.ru</link>
	<description>CSS=~- HTML=~- Web=~-</description>
	<lastBuildDate>Mon, 21 Jun 2010 02:17:49 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.5</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Гугл без таблиц</title>
		<link>http://uggallery.audiopeace.ru/2010/05/06/gugl-bez-tablits</link>
		<comments>http://uggallery.audiopeace.ru/2010/05/06/gugl-bez-tablits#comments</comments>
		<pubDate>Thu, 06 May 2010 12:46:24 +0000</pubDate>
		<dc:creator>uggallery</dc:creator>
				<category><![CDATA[Веб-стандарты]]></category>

		<guid isPermaLink="false">http://uggallery.audiopeace.ru/?p=479</guid>
		<description><![CDATA[Новейший редизайн serp-a на Гугле ставит крест на старом-престаром доводе против &#8220;бестабличной&#8221; верстки: мол, Гугл сверстан в таблицах, и ничего, живет. Так вот, это больше не актуально. Гугл сверстан без таблиц (списками), контент фиксирован по ширине (.s {max-width: 42em;}) и выровнен влево. Ну просто как доктор прописал. То, о чем так долго говорили большевики, свершилось, [...]]]></description>
			<content:encoded><![CDATA[<p>Новейший редизайн serp-a на Гугле ставит крест на старом-престаром доводе против &#8220;бестабличной&#8221; верстки: мол, Гугл сверстан в таблицах, и ничего, живет. Так вот, это больше не актуально. Гугл сверстан без таблиц (списками), контент фиксирован по ширине (<em>.s {max-width: 42em;}</em>) и выровнен влево. Ну просто как доктор прописал. То, о чем так долго говорили большевики, свершилось, натурально. Причем, как раз к моему дню рождения. Спасибо, Гугл!!! :)))</p>
]]></content:encoded>
			<wfw:commentRss>http://uggallery.audiopeace.ru/2010/05/06/gugl-bez-tablits/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>CSS3: брюки превращаются&#8230; превращаются брюки&#8230;</title>
		<link>http://uggallery.audiopeace.ru/2010/04/01/css3-bryuki-prevraschayutsya-prevraschayutsya-bryuki</link>
		<comments>http://uggallery.audiopeace.ru/2010/04/01/css3-bryuki-prevraschayutsya-prevraschayutsya-bryuki#comments</comments>
		<pubDate>Thu, 01 Apr 2010 13:22:38 +0000</pubDate>
		<dc:creator>uggallery</dc:creator>
				<category><![CDATA[CSS-верстка]]></category>

		<guid isPermaLink="false">http://uggallery.audiopeace.ru/?p=469</guid>
		<description><![CDATA[Словечко CSS3 мелькает всё чаще, и я тоже начал искать новые методы работы. Естесвенно, оказалось, что даже в самых последних версиях браузеров поддержка CSS3 оставляет желать лучшего. Те CSS-свойства, которые действительно могли бы облегчить работу, поддерживаются не слишком широко. Например, псевдоклассы для создания &#8220;зебры&#8221; в таблицах. Зато тени и скругленные уголки уже точно можно применять, [...]]]></description>
			<content:encoded><![CDATA[<p>Словечко CSS3 мелькает всё чаще, и я тоже начал искать новые методы работы. Естесвенно, оказалось, что даже в самых последних версиях браузеров поддержка CSS3 оставляет желать лучшего. Те CSS-свойства, которые действительно могли бы облегчить работу, поддерживаются не слишком широко. Например, псевдоклассы для создания &#8220;зебры&#8221; в таблицах. Зато тени и скругленные уголки уже точно можно применять, причем без ущерба для IE, что прибавляет радости. Но это же мелочь! И это всё? Жаль! А я уж размечтался&#8230;</p>

<p>Мои ощущения лучше всего передает фраза, которую я сегодня прочитал <a href="http://www.onderhond.com/blog/work/css-child-selectors">на Onderhond.com</a>:</p>

<blockquote>

The more I play around with the possibilities of css3, the more I keep coming back to the same tired old concept of workaround, fixes and alternative methods. It&#8217;s a somewhat depressing realization.

</blockquote>

<p>Действительно: &#8220;depressing&#8221;. </p>
]]></content:encoded>
			<wfw:commentRss>http://uggallery.audiopeace.ru/2010/04/01/css3-bryuki-prevraschayutsya-prevraschayutsya-bryuki/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>В топку проклятый AdverGothic</title>
		<link>http://uggallery.audiopeace.ru/2010/04/01/v-topku-proklyatyiy-advergothic</link>
		<comments>http://uggallery.audiopeace.ru/2010/04/01/v-topku-proklyatyiy-advergothic#comments</comments>
		<pubDate>Thu, 01 Apr 2010 12:39:39 +0000</pubDate>
		<dc:creator>uggallery</dc:creator>
				<category><![CDATA[Дизайн]]></category>
		<category><![CDATA[Разное]]></category>

		<guid isPermaLink="false">http://uggallery.audiopeace.ru/?p=459</guid>
		<description><![CDATA[Немного истории и современные события вокруг шрифта AdverGothic.

Многим дизайнерам хорошо известна история с созданием современных государственных знаков, в дизайн которых входит вариация шрифта AdverGothic. Это кириллический шрифт, разработанный в далёком уже 1989 году Владимиром Ефимовым на основе шрифта Advertisers Gothic (Роберт Вибкинг, 1917).

Это один из самых популярных шрифтов в России. Заодно один из трех самых [...]]]></description>
			<content:encoded><![CDATA[<p>Немного истории и современные события <a href="http://webplanet.ru/news/business/2010/04/01/advergothic.html">вокруг шрифта AdverGothic</a>.</p>

<blockquote>Многим дизайнерам хорошо известна история с созданием современных государственных знаков, в дизайн которых входит вариация шрифта AdverGothic. Это кириллический шрифт, разработанный в далёком уже 1989 году Владимиром Ефимовым на основе шрифта Advertisers Gothic (Роберт Вибкинг, 1917).</blockquote>

<p>Это один из самых популярных шрифтов в России. Заодно один из трех самых мне ненавистных: задолбало видеть на каждом заборе. Не исключено, что вскоре государству придется менять дизайн российских денежных купюр.</p>

<p>Наконец я увидел прототип АдверГотика &#8212; <a href="http://new.myfonts.com/fonts/hihretrofonts/advertisers-gothic/">Advertisers Gothic</a>. Оказывается он довольно сильно отличается от своего российского потомка.</p>
]]></content:encoded>
			<wfw:commentRss>http://uggallery.audiopeace.ru/2010/04/01/v-topku-proklyatyiy-advergothic/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Браузер Opera в информационной системе Петербургского метро</title>
		<link>http://uggallery.audiopeace.ru/2010/02/08/brauzer-opera-v-informatsionnoy-sisteme-peterburgskogo-metro</link>
		<comments>http://uggallery.audiopeace.ru/2010/02/08/brauzer-opera-v-informatsionnoy-sisteme-peterburgskogo-metro#comments</comments>
		<pubDate>Mon, 08 Feb 2010 12:40:59 +0000</pubDate>
		<dc:creator>uggallery</dc:creator>
				<category><![CDATA[Opera]]></category>
		<category><![CDATA[Браузеры]]></category>

		<guid isPermaLink="false">http://uggallery.audiopeace.ru/?p=436</guid>
		<description><![CDATA[Обнаружил, что информационные киоски установленные недавно в петербургском метро используют браузер Opera.

 

На первой фотографии стела, в которой вмонтирован киоск. На второй &#8212; тачскрин киоска, где красуется знакомый каждому пользователю Оперы экран с сообщением об ошибке доступа к ресурсу, в данном случае: &#8220;Проблема сети&#8221;.

Приятно знать, что Опера проникла под землю. Жаль что система в целом [...]]]></description>
			<content:encoded><![CDATA[<p>Обнаружил, что информационные киоски установленные недавно в петербургском метро используют браузер Opera.</p>

<p><a href="http://uggallery.audiopeace.ru/wp-content/opera-metro.jpg"><img class="alignnone size-thumbnail wp-image-440" title="opera-metro" src="http://uggallery.audiopeace.ru/wp-content/opera-metro-150x150.jpg" alt="opera-metro" width="150" height="150" /></a> <a href="http://uggallery.audiopeace.ru/wp-content/opera-metro-2.jpg"><img class="alignnone size-thumbnail wp-image-441" title="opera-metro-2" src="http://uggallery.audiopeace.ru/wp-content/opera-metro-2-150x150.jpg" alt="opera-metro-2" width="150" height="150" /></a></p>

<p>На первой фотографии стела, в которой вмонтирован киоск. На второй &#8212; тачскрин киоска, где красуется знакомый каждому пользователю Оперы экран с сообщением об ошибке доступа к ресурсу, в данном случае: &#8220;Проблема сети&#8221;.</p>

<p>Приятно знать, что Опера проникла под землю. Жаль что система в целом пока не очень надежна. Это фото сделано пару недель назад, и с тех пор, проходя мимо, я видел не раз подобное сообщение об ошибке, не только на этой стеле. Надеюсь,  кнопка &#8220;Экстренный вызов&#8221; осуществляет свою работу через другую сеть.</p>
]]></content:encoded>
			<wfw:commentRss>http://uggallery.audiopeace.ru/2010/02/08/brauzer-opera-v-informatsionnoy-sisteme-peterburgskogo-metro/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Посмотреть, насладиться</title>
		<link>http://uggallery.audiopeace.ru/2010/01/19/catalogs</link>
		<comments>http://uggallery.audiopeace.ru/2010/01/19/catalogs#comments</comments>
		<pubDate>Tue, 19 Jan 2010 11:16:49 +0000</pubDate>
		<dc:creator>uggallery</dc:creator>
				<category><![CDATA[Дизайн]]></category>
		<category><![CDATA[Ссылки]]></category>

		<guid isPermaLink="false">http://uggallery.audiopeace.ru/?p=425</guid>
		<description><![CDATA[Display &#8212; Большое количество обложек каталогов в исполнении классиков европейского дизайна середины двадцатого века. Прекрасные образцы минимализма.


]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.thisisdisplay.org/ ">Display</a> &#8212; Большое количество обложек каталогов в исполнении классиков европейского дизайна середины двадцатого века. Прекрасные образцы минимализма.</p>

<p><a href="http://www.thisisdisplay.org/collection/borsalino_postcard_max_huber_design/"><img class="alignnone size-full wp-image-426" title="borsalino_01" src="http://uggallery.audiopeace.ru/wp-content/borsalino_01.jpg" alt="borsalino_01" width="333" height="333" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://uggallery.audiopeace.ru/2010/01/19/catalogs/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Летающие автомобили и ползающие пешеходы</title>
		<link>http://uggallery.audiopeace.ru/2010/01/13/letayuschie-avtomobili-i-polzayuschie-peshehodyi</link>
		<comments>http://uggallery.audiopeace.ru/2010/01/13/letayuschie-avtomobili-i-polzayuschie-peshehodyi#comments</comments>
		<pubDate>Wed, 13 Jan 2010 14:40:41 +0000</pubDate>
		<dc:creator>uggallery</dc:creator>
				<category><![CDATA[Ссылки]]></category>

		<guid isPermaLink="false">http://uggallery.audiopeace.ru/?p=421</guid>
		<description><![CDATA[Когда появились и распространились автомобили, пешеходов обязали ходить только по тротуарам. Поначалу, пересекать проезжую часть можно было в любом месте, но вскоре пешеходов обязали пользоваться исключительно пешеходными переходами. (Отсюда, кстати, требование ПДД пропускать пешеходов на переходах, иначе они снова будут ходить где попало. Но водители с гаишниками над этим не парятся.)

Интересно что будет когда появятся [...]]]></description>
			<content:encoded><![CDATA[<p>Когда появились и распространились автомобили, пешеходов обязали ходить только по тротуарам. Поначалу, пересекать проезжую часть можно было в любом месте, но вскоре пешеходов обязали пользоваться исключительно пешеходными переходами. (Отсюда, кстати, требование ПДД пропускать пешеходов на переходах, иначе они снова будут ходить где попало. Но водители с гаишниками над этим не парятся.)</p>

<p>Интересно что будет когда появятся в больших количествах <a href="http://www.membrana.ru/lenta/?10001">летающие автомобили</a>? Наверное, для пешеходов построят сеть подземных пешеходных дорожек — многокилометровые &#8220;кротовьи норы&#8221;. Во первых, чтобы пешеходы не мешали приличным людям летать, а во вторых, чтобы защитить самих пешеходов от падающих с неба машин. При передвижении на открытых участках местности пешеходу будет полезен шлем и система предупреждения об опасности сверху.</p>
]]></content:encoded>
			<wfw:commentRss>http://uggallery.audiopeace.ru/2010/01/13/letayuschie-avtomobili-i-polzayuschie-peshehodyi/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>WorPress Shortcode: Update</title>
		<link>http://uggallery.audiopeace.ru/2009/12/14/worpress-shortcode-update</link>
		<comments>http://uggallery.audiopeace.ru/2009/12/14/worpress-shortcode-update#comments</comments>
		<pubDate>Mon, 14 Dec 2009 06:11:19 +0000</pubDate>
		<dc:creator>uggallery</dc:creator>
				<category><![CDATA[Ссылки]]></category>
		<category><![CDATA[php wordpress]]></category>

		<guid isPermaLink="false">http://uggallery.audiopeace.ru/?p=415</guid>
		<description><![CDATA[Добавление к предыдущему посту про Shortcode (тот пост временно в офлайне пока не исправлю ошибки).

Единственная замеченая неприятность при использование этого шорткода: если в импортируемой странице уже есть какой-либо шорткод (кодовое слово в квадратных скобках &#8212; [foo]), то в результирующей странице это будет выведено без обработки &#8212; просто слово в скобках &#8212; [foo]. Это несколько ограничивает [...]]]></description>
			<content:encoded><![CDATA[<p>Добавление к предыдущему посту про Shortcode (тот пост временно в офлайне пока не исправлю ошибки).</p>

<p>Единственная замеченая неприятность при использование этого шорткода: если в импортируемой странице уже есть какой-либо шорткод (кодовое слово в квадратных скобках &#8212; [foo]), то в результирующей странице это будет выведено без обработки &#8212; просто слово в скобках &#8212; [foo]. Это несколько ограничивает гибкость решения, но не более того.</p>
]]></content:encoded>
			<wfw:commentRss>http://uggallery.audiopeace.ru/2009/12/14/worpress-shortcode-update/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Firebug: быстрый перебор размеров и цветов (мечта шопоголика)</title>
		<link>http://uggallery.audiopeace.ru/2009/12/10/firebug</link>
		<comments>http://uggallery.audiopeace.ru/2009/12/10/firebug#comments</comments>
		<pubDate>Thu, 10 Dec 2009 06:34:07 +0000</pubDate>
		<dc:creator>uggallery</dc:creator>
				<category><![CDATA[CSS-верстка]]></category>
		<category><![CDATA[Браузеры]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[firebug]]></category>
		<category><![CDATA[firefox]]></category>

		<guid isPermaLink="false">http://uggallery.audiopeace.ru/?p=391</guid>
		<description><![CDATA[Firebug для меня &#8212; причина номер один для того, чтобы пользоваться Firefox-ом &#8212; 99% от всех причин. Чудо-инструмент! Часто при верстке блока, в css-файле я задаю лишь примерные параметры (расположение, размеры, отсупы), а тонкую подгонку осуществляю в Firebug-е.

Это просто! Выбираем элемент, выбираем CSS-правило, устанавливаем курсор и меняем цифровые значения при помощи клавиш-стрелок на клавиатуре. &#8220;Вверх&#8221; [...]]]></description>
			<content:encoded><![CDATA[<p>Firebug для меня &#8212; причина номер один для того, чтобы пользоваться Firefox-ом &#8212; 99% от всех причин. Чудо-инструмент! Часто при верстке блока, в css-файле я задаю лишь примерные параметры (расположение, размеры, отсупы), а тонкую подгонку осуществляю в Firebug-е.</p>

<p>Это просто! Выбираем элемент, выбираем CSS-правило, устанавливаем курсор и меняем цифровые значения при помощи клавиш-стрелок на клавиатуре. &#8220;Вверх&#8221; &#8212; увеличиваем значение, &#8220;Вниз&#8221; &#8212; уменьшаем. Экономит время и облегчает работу со страшной силой!</p>

<p><img class="alignnone size-full wp-image-403" title="firebug1" src="http://uggallery.audiopeace.ru/wp-content/firebug1.png" alt="firebug1" width="399" height="186" /></p>

<p>То же самое  можно делать для чернового подбора цветов элементов. <span id="more-391"></span>Создаем правило, определяющее цвет элемента (background-color, color, border-color&#8230;) и справа от правила пишем латинскую букву &#8220;a&#8221; &#8212; Firebug автоматически дополнит его до слова &#8220;AliceBlue&#8221; (название HTML-цвета); нажимаем клавишу &#8220;Вниз&#8221; &#8212; появляется слово &#8220;AntiqueWhite&#8221; и так далее. При этом соответственно меняется и цвет редактируемого элемента в окне браузера.</p>

<p><img class="alignnone size-full wp-image-404" title="firebug2" src="http://uggallery.audiopeace.ru/wp-content/firebug2.png" alt="firebug2" width="399" height="316" /></p>

<p><img class="alignnone size-full wp-image-405" title="firebug3" src="http://uggallery.audiopeace.ru/wp-content/firebug3.png" alt="firebug3" width="399" height="316" /></p>

<p>Перебор цветов &#8212; мелкая, но забавная фича Firebug-a.</p>
]]></content:encoded>
			<wfw:commentRss>http://uggallery.audiopeace.ru/2009/12/10/firebug/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>uggallery.net</title>
		<link>http://uggallery.audiopeace.ru/2009/12/07/uggallery-net</link>
		<comments>http://uggallery.audiopeace.ru/2009/12/07/uggallery-net#comments</comments>
		<pubDate>Mon, 07 Dec 2009 14:17:17 +0000</pubDate>
		<dc:creator>uggallery</dc:creator>
				<category><![CDATA[Ссылки]]></category>

		<guid isPermaLink="false">http://uggallery.audiopeace.ru/?p=377</guid>
		<description><![CDATA[Прикупил себе доменчик uggallery.net. В скором будущем переведу этот блог туда.
]]></description>
			<content:encoded><![CDATA[<p>Прикупил себе доменчик <strong>uggallery.net</strong>. В скором будущем переведу этот блог туда.</p>
]]></content:encoded>
			<wfw:commentRss>http://uggallery.audiopeace.ru/2009/12/07/uggallery-net/feed</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>Мак: москоу-стайл</title>
		<link>http://uggallery.audiopeace.ru/2009/12/07/mak-moskou-stayl</link>
		<comments>http://uggallery.audiopeace.ru/2009/12/07/mak-moskou-stayl#comments</comments>
		<pubDate>Mon, 07 Dec 2009 13:10:05 +0000</pubDate>
		<dc:creator>uggallery</dc:creator>
				<category><![CDATA[Разное]]></category>

		<guid isPermaLink="false">http://uggallery.audiopeace.ru/?p=369</guid>
		<description><![CDATA[Если услышите где-то, что от работы на Маке человек неизбежно становится лучше как профессионал и вообще &#8212; не верьте. Доказательство тому эта картинка &#8212; фрагмент фотографии с сайта drugoi.livejournal.com&#8230;



Это слоган на буклете к новейшему эпловскому ноутбуку. В одно малюсенькой фразе сделано две элементарные ошибки, одна пунктуационная и одна орфографическая: дефис вместо тире и буква &#8220;е&#8221; [...]]]></description>
			<content:encoded><![CDATA[<p>Если услышите где-то, что от работы на Маке человек неизбежно становится лучше как профессионал и вообще &#8212; не верьте. Доказательство тому эта картинка &#8212; фрагмент фотографии с сайта <a href="http://drugoi.livejournal.com/3066836.html">drugoi.livejournal.com&#8230;</a></p>

<p><a href="http://drugoi.livejournal.com/3066836.html"><img class="alignnone size-full wp-image-370" title="2009-12-07_02_15-55-18" src="http://uggallery.audiopeace.ru/wp-content/2009-12-07_02_15-55-18.png" alt="2009-12-07_02_15-55-18" width="419" height="173" /></a></p>

<p>Это слоган на буклете к новейшему эпловскому ноутбуку. В одно малюсенькой фразе сделано две элементарные ошибки, одна пунктуационная и одна орфографическая: дефис вместо тире и буква &#8220;е&#8221; в слове &#8220;всё&#8221; &#8211; в слове, где ставить &#8220;ё&#8221; обязательно по любым правилам и нормам.<span id="more-369"></span></p>

<p>Вот такие ошибки допускают люди, которые всё время имеют дело с маками. Как же должно быть наплевать на свою работу, на родной язык, на покупателей, на перфекционистскую идеологию макинтошей. Это ведь не просто кто-но написал неправильно, это утвердили и напечатали.</p>

<p>Это не случайность, это система. Я годами наблюдаю убого оформленные сайты и рекламные материалы от официальных продавцов маков в России. Самые позорные сайты среди конкурентов &#8212; у них. И это творится под лозунгами, призывающими мыслить нестандартно, и за немалые деньги, получаемые с мак-юзеров.</p>

<p>Мак-юзеры (на примере Другого) тоже хороши. Подпись под фотографией гласит: &#8220;С утверждением, которое вынесено на обложку инструкции к устройству, я полностью согласен.&#8221; То есть, человек даже не замечает, какую халтуру ему представили. Но он-то, хотя бы получил этот комп бесплатно. В отличие от большинства.</p>

<p>По-прежнему, в компьютере, как и в автомобиле, важнейшей деталью остается &#8220;прокладка между рулем и сиденьем&#8221;.</p>
]]></content:encoded>
			<wfw:commentRss>http://uggallery.audiopeace.ru/2009/12/07/mak-moskou-stayl/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
