<?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; CSS</title>
	<atom:link href="http://tigor.com.ua/blog/category/design/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://tigor.com.ua/blog</link>
	<description>О разработке веб-приложений на Symfony</description>
	<lastBuildDate>Thu, 10 Nov 2011 20:43:08 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Локальный W3C XHTML валидатор для Mac OS X</title>
		<link>http://tigor.com.ua/blog/2011/04/26/stand-alone-w3c-xhtml-validator-for-mac-ox-s/</link>
		<comments>http://tigor.com.ua/blog/2011/04/26/stand-alone-w3c-xhtml-validator-for-mac-ox-s/#comments</comments>
		<pubDate>Tue, 26 Apr 2011 08:37:28 +0000</pubDate>
		<dc:creator>ingvar</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[QA]]></category>
		<category><![CDATA[Разработка]]></category>
		<category><![CDATA[Mac OS X]]></category>
		<category><![CDATA[validator]]></category>
		<category><![CDATA[w3c]]></category>
		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://tigor.com.ua/blog/?p=1934</guid>
		<description><![CDATA[W3C Markup Validation Service &#8211; прекрасный сервис для валидации HTML / xHTML страниц. Работать с сервисом можно как через официальный сайт, так и через специальные плагины для Firefox или Chrome. Если по той или иной причине нет возможности работать с сервисом через сайт или требуется очень часто и много проверять страниц,  то  к примеру можно [...]]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter size-full wp-image-1939" title="w3c xhtml validator SAC for Mac OS X" src="http://tigor.com.ua/blog/wp-content/uploads/2011/04/w3c-xhtml-validator-SAC.png" alt="" width="537" height="489" /><a href="http://validator.w3.org/">W3C Markup Validation Service</a> &#8211; прекрасный сервис для валидации HTML / xHTML страниц. Работать с сервисом можно как через официальный сайт, так и через специальные плагины для Firefox или Chrome.</p>
<p><span id="more-1934"></span></p>
<p>Если по той или иной причине нет возможности работать с сервисом через сайт или требуется очень часто и много проверять страниц,  то  к примеру можно установить сервис <strong>&laquo;W3C Markup Validation Service&raquo;</strong> у себя локально или на своем сервере. Валидатор написан на Perl. Процесс установки, список требуемых модулей и подробные инструкции  доступны на официальном сайте:<br />
<a href="http://validator.w3.org/source/">http://validator.w3.org/source/<br />
</a><a href="http://validator.w3.org/docs/install.html">http://validator.w3.org/docs/install.html</a></p>
<p>Если же рассматривать процесс установки сервиса валидации для Mac, то все намного проще &#8211; нужно скачать и установить отдельное приложение <a href="http://habilis.net/validator-sac/">Validator S.A.C.</a></p>
<p><strong>Процесс установки сервиса &laquo;W3C Markup Validation Service&raquo;  на Mac OS X:</strong></p>
<ol>
<li>Качаем последнюю версию приложения <a href="http://habilis.net/download/Validator-SAC_0.6.4.dmg">Validator-SAC_0.6.4.dmg</a> &#8211; в пакете находится версия валидатора 0.8.3, не самая последняя, т.к. уже доступна версия 1.2.</li>
<li>Устанавливаем. После установки сервис размещается по адресу &laquo;/Applications/Validator-SAC.app/Contents/Resources&raquo;</li>
<li>Копируем файл конфигурации для Apache, и перезапускаем его, например:
<pre class="brush: php; title: ; notranslate">
% cd /Applications/Validator-SAC.app/Contents/Resources
% sudo cp validator/httpd/conf/validator-SAC-10.5.conf /etc/apache2/other
% sudo apachectl graceful</pre>
</li>
<li>По адресу <a href="http://localhost/w3c-validator/">http://localhost/w3c-validator/</a> должен запуститься наш локальный валидатор. Для проверки валидатора вбиваем адрес страницы, которую хотим проверить и если все в порядке, то получим результат валидации. Или выведутся сообщения, что нужно установить какие-то модули Perl.</li>
</ol>
<p>Было желание обновить сервис w3c с версии 0.8.3 до 1.2. Но к сожалению ничего не получилось &#8211; сервис не запустился, т.к. в новой версии используются дополнительные модули Perl.</p>
<p><strong>Дополнительная информация:</strong></p>
<ul>
<li><a href="http://dvcs.w3.org/hg/">Mercurial W3C repositories list</a></li>
<li><a href="https://dvcs.w3.org/hg/markup-validator">Mercurial W3C markup-validator</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://tigor.com.ua/blog/2011/04/26/stand-alone-w3c-xhtml-validator-for-mac-ox-s/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>CSS фрэймворки</title>
		<link>http://tigor.com.ua/blog/2010/03/14/css-frameworks/</link>
		<comments>http://tigor.com.ua/blog/2010/03/14/css-frameworks/#comments</comments>
		<pubDate>Sat, 13 Mar 2010 23:21:04 +0000</pubDate>
		<dc:creator>ingvar</dc:creator>
				<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://tigor.com.ua/blog/?p=1557</guid>
		<description><![CDATA[CSS фрэймворки удобно использовать на этапах прототипирования, или при разработке фронтэнда, в то время пока верстка полностью не реализована. Список популярных CSS фрэймворков • YAML Возможно использование YAML Builder для визуальной разработки структуры страниц • Blueprint – Blueprint Grid CSS Generator – The Blueprint CSS Framework – Tutorials, How-to Guides and Tools – The Blueprint [...]]]></description>
			<content:encoded><![CDATA[<p>CSS фрэймворки удобно использовать на этапах прототипирования, или при разработке фронтэнда, в то время пока верстка полностью не реализована.</p>
<h3>Список популярных CSS фрэймворков</h3>
<h5>• <a href="http://www.yaml.de/en/home.html">YAML</a></h5>
<p>Возможно использование <a href="http://builder.yaml.de/">YAML Builder</a> для визуальной разработки структуры страниц</p>
<p><span id="more-1557"></span></p>
<h5>• <a href="http://code.google.com/p/blueprintcss/">Blueprint</a></h5>
<p>– <a href="http://bgg.kematzy.com/">Blueprint Grid CSS Generator</a><br />
– <a href="http://speckyboy.com/2009/10/26/the-blueprint-css-framework-tutorials-how-to-guides-and-tools/">The Blueprint CSS Framework – Tutorials, How-to Guides and Tools</a><br />
– <a href="http://wiki.github.com/joshuaclayton/blueprint-css/tools-and-resources">The Blueprint Tools and Resources</a><br />
– <a href="http://toki-woki.net/p/Boks/">Boks</a> &#8211; A Visual Grid Editor an Air application based on Blueprint CSS<br />
– <a href="http://instantblueprint.com/">http://instantblueprint.com/</a></p>
<h5>• <a href="http://developer.yahoo.com/yui/grids/">Yahoo! UI Library CSS</a></h5>
<p>– <a href="http://developer.yahoo.com/yui/grids/builder/">YUI CSS Grid Builder</a></p>
<h5>• <a href="http://960.gs/">960 Grid System</a></h5>
<p>– онлайн генератор для 960gs <a href="http://www.spry-soft.com/grids/">Variable Grid System</a></p>
<h5>• <a href="http://sandbox.pocoo.org/clevercss/">CleverCSS</a></h5>
<h5>• <a href="http://devkick.com/lab/tripoli/">Tripoli</a></h5>
<h5>• <a href="http://lesscss.org/">LESS CSS Framework</a></h5>
<h5>• <a href="http://www.ez-css.org/">EZ-CSS</a></h5>
<p>– как утверждают разработчики: &laquo;It is light (1kb), flexible, browser-friendly  and  easy to use!&raquo; <img src='http://tigor.com.ua/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<h5>• <a href="http://bluetrip.org/">BlueTrip CSS Framework</a></h5>
<h5>• <a href="http://www.markercss.com/en/index.php">Markercss</a></h5>
<h5>• <a href="http://compass-style.org/">Compass CSS Framework</a></h5>
<p>– <a href="http://wiki.github.com/chriseppstein/compass/">http://wiki.github.com/chriseppstein/compass/</a><br />
– <a href="http://www.slideshare.net/superdeluxesam/about-compass">http://www.slideshare.net/superdeluxesam/about-compass</a></p>
<h5>• <a href="http://grid.mindplay.dk/">Grid Designer</a></h5>
<h5>• <a href="http://www.gridsystemgenerator.com/">Grid System Generator</a></h5>
<p>– интересная система &#8211; позволяет создавать шаблоны с фиксированной разметкой на основе одного из четырех CSS фреймворков: 960 Grid System, Golden grid, 1kb grid, Simple grid system</p>
<h3>Что интересного почитать:</h3>
<p>• <a href="http://habrahabr.ru/blogs/webdev/69023/">Список полезных инструментов для CSS разработчика</a><br />
• <a href="http://vremenno.net/html-css/css-frameworks/">CSS фрэймворки</a><br />
• <a href="http://cashrevelations.com/magazine/2009/08/60-tools-to-optimize-your-css/">60 Tools To Optimize Your CSS</a><br />
• <a href="http://webformyself.com/prototipy-s-grid-960-css-framework/">Прототипы с Grid 960 CSS Framework.</a></p>
]]></content:encoded>
			<wfw:commentRss>http://tigor.com.ua/blog/2010/03/14/css-frameworks/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>CSS: создание закругленных углов на сайтах</title>
		<link>http://tigor.com.ua/blog/2008/07/25/rounded-corners-techniques-with-css/</link>
		<comments>http://tigor.com.ua/blog/2008/07/25/rounded-corners-techniques-with-css/#comments</comments>
		<pubDate>Thu, 24 Jul 2008 23:22:13 +0000</pubDate>
		<dc:creator>Igor</dc:creator>
				<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://tigor.com.ua/blog/?p=123</guid>
		<description><![CDATA[Набор статей о том, как сделать закругленые углы для сайтов. Среди примеров можно найти решения, как сделать закругленные углы с использованием изображений так и без них. Русскоязычные сайты: http://cssing.org.ua/2008/06/23/rounded-corners-unusual-approach/ http://cssmake.ru/component/content/article/5&#8211;boxes/79-gradientcorners.html http://habrahabr.ru/blog/webdev/47616.html 38 статей о создании закругленных углов на сайтах Англоязычные: http://blog.josh420.com/archives/2007/11/how-to-create-fluid-width-div-layers-with-rounded-corners.aspx http://www.cssjuice.com/25-rounded-corners-techniques-with-css/ http://www.smileycat.com/miaow/archives/000044.php http://www.schillmania.com/projects/dialog2/]]></description>
			<content:encoded><![CDATA[<p>Набор статей о том, как сделать закругленые углы для сайтов. Среди примеров можно найти решения, как сделать закругленные углы с использованием изображений так и без них.</p>
<p>Русскоязычные сайты:<br />
<a href="http://cssing.org.ua/2008/06/23/rounded-corners-unusual-approach/">http://cssing.org.ua/2008/06/23/rounded-corners-unusual-approach/</a><br />
<a href="http://cssmake.ru/component/content/article/5--boxes/79-gradientcorners.html">http://cssmake.ru/component/content/article/5&#8211;boxes/79-gradientcorners.html</a><br />
<a href="http://habrahabr.ru/blog/webdev/47616.html">http://habrahabr.ru/blog/webdev/47616.html</a><br />
<a href="http://vremenno.net/html-css/38-articles-about-creating-rounded-corners/">38 статей о создании закругленных углов на сайтах</a></p>
<p>Англоязычные:<br />
<a href="http://blog.josh420.com/archives/2007/11/how-to-create-fluid-width-div-layers-with-rounded-corners.aspx">http://blog.josh420.com/archives/2007/11/how-to-create-fluid-width-div-layers-with-rounded-corners.aspx</a><br />
<a href="http://www.cssjuice.com/25-rounded-corners-techniques-with-css/">http://www.cssjuice.com/25-rounded-corners-techniques-with-css/</a><br />
<a href="http://www.smileycat.com/miaow/archives/000044.php">http://www.smileycat.com/miaow/archives/000044.php</a><br />
<a href="http://www.schillmania.com/projects/dialog2/">http://www.schillmania.com/projects/dialog2/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://tigor.com.ua/blog/2008/07/25/rounded-corners-techniques-with-css/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>20+ ресурсов с готовыми CSS шаблонами</title>
		<link>http://tigor.com.ua/blog/2008/07/23/20-resources-css-templates/</link>
		<comments>http://tigor.com.ua/blog/2008/07/23/20-resources-css-templates/#comments</comments>
		<pubDate>Wed, 23 Jul 2008 18:45:25 +0000</pubDate>
		<dc:creator>Igor</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[frameworks]]></category>

		<guid isPermaLink="false">http://tigor.com.ua/blog/?p=97</guid>
		<description><![CDATA[Вебмастера всегда ищут способы как сэкономить свое время при разработке сайта. Например, можно использовать готовые CSS шаблоны, тем более выбор очень разнообразен и, наверняка, каждый найдет нужное ему решение. Ниже я расскажу о 22х ресурсах, где вы можете найти CSS шаблоны. дальше&#8230;]]></description>
			<content:encoded><![CDATA[<p>Вебмастера всегда ищут способы как сэкономить свое время при разработке сайта. Например, можно использовать готовые CSS шаблоны, тем более выбор очень разнообразен и, наверняка, каждый найдет нужное ему решение. Ниже я расскажу о 22х ресурсах, где вы можете найти CSS шаблоны.</p>
<p><a href="http://www.getincss.ru/2008/07/23/20-resursov-s-gotovymi-css-shablonami/">дальше&#8230;</a></p>
]]></content:encoded>
			<wfw:commentRss>http://tigor.com.ua/blog/2008/07/23/20-resources-css-templates/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>CSS: Лишние отступы под изображениями</title>
		<link>http://tigor.com.ua/blog/2008/07/19/css-material-2008071/</link>
		<comments>http://tigor.com.ua/blog/2008/07/19/css-material-2008071/#comments</comments>
		<pubDate>Sat, 19 Jul 2008 16:39:26 +0000</pubDate>
		<dc:creator>Igor</dc:creator>
				<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://tigor.com.ua/?p=33</guid>
		<description><![CDATA[Решаем проблему с отступами под изображениями. Источник: &#8226; Лишние отступы под изображениями в IE6,7 &#8226; Habrahabr: Убираем лишний отступ внизу изображения]]></description>
			<content:encoded><![CDATA[<p>Решаем проблему с отступами под изображениями.</p>
<pre class="brush: css; title: ; notranslate">
img {
  vertical-align: top;
}
</pre>
<p>Источник:<br />
&bull; <a href="http://rotorweb.ru/bagi-v-brauzerax/lishnie-otstupy-pod-izobrazheniyami-vnbspie67.html">Лишние отступы под изображениями в IE6,7</a><br />
&bull; <a href="http://habrahabr.ru/blogs/css/51140/">Habrahabr: Убираем лишний отступ внизу изображения</a></p>
]]></content:encoded>
			<wfw:commentRss>http://tigor.com.ua/blog/2008/07/19/css-material-2008071/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>IE png fix</title>
		<link>http://tigor.com.ua/blog/2008/07/19/ie-png-fix/</link>
		<comments>http://tigor.com.ua/blog/2008/07/19/ie-png-fix/#comments</comments>
		<pubDate>Sat, 19 Jul 2008 15:42:25 +0000</pubDate>
		<dc:creator>Igor</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[ie]]></category>
		<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://tigor.com.ua/?p=27</guid>
		<description><![CDATA[Очень хорошее решение, недавно обновилось, обещают поддержку background-position и background-repeat. IEPNGFix v2.0 Alpha]]></description>
			<content:encoded><![CDATA[<p>Очень хорошее решение, недавно обновилось, обещают поддержку background-position и background-repeat.</p>
<p><a href="http://www.twinhelix.com/test/">IEPNGFix v2.0 Alpha</a></p>
]]></content:encoded>
			<wfw:commentRss>http://tigor.com.ua/blog/2008/07/19/ie-png-fix/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

