<?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>HTML/CSS Evangelist &#187; css</title>
	<atom:link href="http://banzalik.ru/tag/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://banzalik.ru</link>
	<description>Размышления на тему HTML верстки</description>
	<lastBuildDate>Fri, 09 Dec 2011 23:35:08 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>Обновление №4 m5 css framework</title>
		<link>http://banzalik.ru/obnovlenie-4-m5-css-framework/</link>
		<comments>http://banzalik.ru/obnovlenie-4-m5-css-framework/#comments</comments>
		<pubDate>Mon, 02 Feb 2009 20:42:18 +0000</pubDate>
		<dc:creator>Александр Бойченко</dc:creator>
				<category><![CDATA[M5 CSS framework]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[css framework]]></category>
		<category><![CDATA[css framework типографика]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[html framework]]></category>
		<category><![CDATA[m5 css]]></category>
		<category><![CDATA[media5]]></category>
		<category><![CDATA[strict]]></category>
		<category><![CDATA[Transitional]]></category>
		<category><![CDATA[верстка]]></category>
		<category><![CDATA[верстка сайтов]]></category>
		<category><![CDATA[обновление]]></category>

		<guid isPermaLink="false">http://banzalik.ru/?p=87</guid>
		<description><![CDATA[После некоторой паузы были внесены очередные обновления в m5 css framework. На этот раз основные изменения касаются форм. По порядку: Обновилась версия jQuery &#8212; теперь автоматически подключается последняя версия из ветки 1.3 изменились отступы для форм немного поработал с checkbox и radio Исходные коды теперь доступны и через Google Code Добавился новый класс m5formsNormalize применять [...]]]></description>
			<content:encoded><![CDATA[<p>После некоторой паузы были внесены очередные обновления в <strong>m5 css framework</strong>. На этот раз основные изменения касаются форм.</p>
<p>По порядку:</p>
<ul>
<li>Обновилась версия <strong>jQuery</strong> &#8212; теперь автоматически подключается последняя версия из ветки 1.3</li>
<li> изменились отступы для форм</li>
<li>немного поработал с <strong>checkbox </strong>и <strong>radio</strong></li>
<li>Исходные коды теперь доступны и через <a href="http://code.google.com/p/m5cssframework/">Google Code</a><strong><br />
</strong></li>
<li>Добавился новый класс <strong>m5formsNormalize </strong>применять надо для <strong>input[text,password], select, textarea</strong>. При использовании этого класса все формы становятся одинаковой ширины (саму ширину формам надо будет указать  предварительно через css, пока желательно в пикселях, в скором времени будут поддерживаться и проценты, точнее они поддерживаются, только не пересчитываются при изменении размера окна :-) ). Что б понять проблему с которой я боролся, прикреплю картинку, полностью ее описывающую.</li>
</ul>
<p><img class="aligncenter size-full wp-image-88" title="Form align sample" src="http://banzalik.ru/wp-content/uploads/2009/02/ing1.png" alt="Form align sample" width="440" height="533" /></p>
]]></content:encoded>
			<wfw:commentRss>http://banzalik.ru/obnovlenie-4-m5-css-framework/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Обновление №3 m5 css framework</title>
		<link>http://banzalik.ru/obnovlenie-3-m5-css-framework/</link>
		<comments>http://banzalik.ru/obnovlenie-3-m5-css-framework/#comments</comments>
		<pubDate>Tue, 09 Dec 2008 20:32:15 +0000</pubDate>
		<dc:creator>Александр Бойченко</dc:creator>
				<category><![CDATA[M5 CSS framework]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[css framework]]></category>
		<category><![CDATA[css framework типографика]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[html framework]]></category>
		<category><![CDATA[m5 css]]></category>
		<category><![CDATA[media5]]></category>
		<category><![CDATA[pepelsbey]]></category>
		<category><![CDATA[верстка]]></category>
		<category><![CDATA[верстка сайтов]]></category>
		<category><![CDATA[обновление]]></category>

		<guid isPermaLink="false">http://banzalik.ru/?p=65</guid>
		<description><![CDATA[Третье, и пожалуй, самое существенное обновление m5 css framework Изменено поведение курсора при наведении на input Для select в FF3 справа появился отступ, исправлено Полностью пересмотрен reset.css, за основу взят ластик от Эрика Майера. Моя доработка заключается лишь в том, что все стили для тега font наследуются от родителя, соответственно работать структура вида &#60;font size=&#187;5&#8243; [...]]]></description>
			<content:encoded><![CDATA[<p>Третье, и пожалуй, самое существенное обновление <a title="M5 CSS framework" href="http://loremipsum.banzalik.ru/">m5 css framework</a></p>
<ol>
<li>Изменено поведение курсора при наведении на <strong>input</strong></li>
<li>Для <strong>select</strong> в FF3 справа появился отступ, исправлено</li>
<li>Полностью пересмотрен <strong>reset.css</strong>, за основу взят <a title="reset.css" href="http://meyerweb.com/eric/tools/css/reset/"><strong>ластик</strong></a> от Эрика Майера. Моя доработка заключается лишь в том, что все стили для тега font наследуются от родителя, соответственно работать структура вида &lt;font size=&#187;5&#8243; color=&#187;red&#187;&gt;TEXT&lt;/font&gt; не будет &#8212; отучаем клиентов от вредных привычек :)</li>
<li>Полностью перестроен <strong>print.css</strong> &#8212; многое взято с <a href="http://code.google.com/p/hartija/">Hartija</a></li>
</ol>
<p>Не смотря на то, что переделано два модуля, обратная совместимость сохранена :)</p>
<p>p.s. Отдельное спасибо <strong><a title="pepelsbey" href="http://pepelsbey.net">Вадиму Макееву</a></strong> за дельные советы и отличный <a href="http://pepelsbey.net/2008/04/css-frameworks/">доклад</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://banzalik.ru/obnovlenie-3-m5-css-framework/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Пояснение к обновлению №2</title>
		<link>http://banzalik.ru/poyasnenie-k-obnovleniyu-2/</link>
		<comments>http://banzalik.ru/poyasnenie-k-obnovleniyu-2/#comments</comments>
		<pubDate>Mon, 08 Dec 2008 17:18:58 +0000</pubDate>
		<dc:creator>Александр Бойченко</dc:creator>
				<category><![CDATA[M5 CSS framework]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[css framework]]></category>
		<category><![CDATA[css framework типографика]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[html framework]]></category>
		<category><![CDATA[m5 css]]></category>
		<category><![CDATA[media5]]></category>
		<category><![CDATA[strict]]></category>
		<category><![CDATA[Transitional]]></category>
		<category><![CDATA[верстка]]></category>
		<category><![CDATA[верстка сайтов]]></category>
		<category><![CDATA[обновление]]></category>

		<guid isPermaLink="false">http://banzalik.ru/?p=69</guid>
		<description><![CDATA[Я рад, что хоть кто-то читает это блог :) Сегодня поступила вполне конструктивная критика, второго пакета обновлений m5 css fremework. А именно, то, что страница с примером не валидна и имеет 6 ошибок, а так же использование атрибута align у картинок. Почему я то сделал? Потому, что почти на каждом втором проекте, ко мне стучаться [...]]]></description>
			<content:encoded><![CDATA[<p>Я рад, что хоть кто-то читает это блог :)</p>
<p>Сегодня поступила вполне конструктивная критика, второго пакета обновлений <a title="M5 CSS framework" href="http://loremipsum.banzalik.ru/"><strong>m5 css fremework.</strong></a></p>
<p>А именно, то, что страница с примером не валидна и имеет 6 ошибок, а так же использование атрибута align у картинок.</p>
<p>Почему я то сделал? Потому, что почти на каждом втором проекте, ко мне стучаться с жалобами на то, что картинки с атрибутом align отображаются некорректно &#8212; как правило нет рамок у картинок и нет отступов.</p>
<p>Что -же касается валидатора.</p>
<p>Я в никоем разе не настаиваю на том, что всегда, везде и при любых обстоятельствах использовался именно strict. Поэтому на Демо странице используются теги, которые не рекомендованы для использования в strict режиме. Присутствуют они для того, что-б показать, что они есть, про них не забыли и они имеют соответствующее оформление.</p>
<p>Повторюсь:</p>
<ol>
<li>align &#8212; для друрацких визинг редакторов и менеджеров, использующих старый код</li>
<li>устаревшие теги, для того, что про них помнить и иметь обратную совместимость html4.01 и Transitional</li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://banzalik.ru/poyasnenie-k-obnovleniyu-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Обновление №2 m5 css framework</title>
		<link>http://banzalik.ru/obnovlenie-2-m5-css-framework/</link>
		<comments>http://banzalik.ru/obnovlenie-2-m5-css-framework/#comments</comments>
		<pubDate>Wed, 03 Dec 2008 19:12:24 +0000</pubDate>
		<dc:creator>Александр Бойченко</dc:creator>
				<category><![CDATA[M5 CSS framework]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[css framework]]></category>
		<category><![CDATA[css framework типографика]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[html framework]]></category>
		<category><![CDATA[m5 css]]></category>
		<category><![CDATA[media5]]></category>
		<category><![CDATA[верстка]]></category>
		<category><![CDATA[верстка сайтов]]></category>
		<category><![CDATA[обновление]]></category>

		<guid isPermaLink="false">http://banzalik.ru/?p=61</guid>
		<description><![CDATA[Очередное обновление m5 css framework Изменен способ вставки favicon.ico Добавлена картинка favicon.ico Добавлена рыба &#171;Съешь же ещё этих мягких французских булок да выпей чаю. Brick quiz whangs jumpy veldt fox!&#187; Добавлен обработчик для картинок, с выравниванием left &#124; right, заменяется соответственно на float:left&#124;right + добавляются отступы слева&#124;справа и снизу]]></description>
			<content:encoded><![CDATA[<p>Очередное обновление <a href="http://loremipsum.banzalik.ru/"><strong>m5 css framework</strong></a></p>
<ol>
<li>Изменен способ вставки favicon.ico</li>
<li>Добавлена картинка favicon.ico</li>
<li>Добавлена рыба &#171;Съешь же ещё этих мягких французских булок да выпей чаю. Brick quiz whangs jumpy veldt fox!&#187;</li>
<li>Добавлен обработчик для картинок, с выравниванием left | right, заменяется соответственно на float:left|right + добавляются отступы слева|справа и снизу</li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://banzalik.ru/obnovlenie-2-m5-css-framework/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Обновление №1 m5 css framework</title>
		<link>http://banzalik.ru/obnovlenie-1-m5-css-framework/</link>
		<comments>http://banzalik.ru/obnovlenie-1-m5-css-framework/#comments</comments>
		<pubDate>Mon, 03 Nov 2008 08:13:09 +0000</pubDate>
		<dc:creator>Александр Бойченко</dc:creator>
				<category><![CDATA[M5 CSS framework]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[css framework]]></category>
		<category><![CDATA[css framework типографика]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[html framework]]></category>
		<category><![CDATA[m5 css]]></category>
		<category><![CDATA[media5]]></category>
		<category><![CDATA[верска сайтов]]></category>
		<category><![CDATA[вестка]]></category>
		<category><![CDATA[обновление]]></category>

		<guid isPermaLink="false">http://banzalik.ru/?p=33</guid>
		<description><![CDATA[изменен способ подключения CSS стилей, с @import на link добавлена ссылка на favicon.ico удалены региональный настройки все CSS файлы теперь имеют кодировку utf-8 у ссылок убрано a { position: relative; padding: 0.3em 0 .1em 0; } подключен jquery, берется из репозитария google, последняя версия линейки 1.2.х подключен файл js/scripts.js, будет содержать скрипты добавлена автоматическая очистка содержания для инпутов, содержащие класс .autoclear [...]]]></description>
			<content:encoded><![CDATA[<ol>
<li>изменен способ подключения CSS стилей, с @import на link</li>
<li>добавлена ссылка на favicon.ico</li>
<li>удалены региональный настройки</li>
<li>все CSS файлы теперь имеют кодировку utf-8</li>
<li>у ссылок убрано a { position: relative; padding: 0.3em 0 .1em 0; }</li>
<li>подключен jquery, берется из репозитария google, последняя версия линейки 1.2.х</li>
<li>подключен файл js/scripts.js, будет содержать скрипты</li>
<li>добавлена автоматическая очистка содержания для инпутов, содержащие класс .autoclear (действие срабатывает при клике на инпут)</li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://banzalik.ru/obnovlenie-1-m5-css-framework/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>M5 CSS framework</title>
		<link>http://banzalik.ru/m5-css-framework/</link>
		<comments>http://banzalik.ru/m5-css-framework/#comments</comments>
		<pubDate>Wed, 29 Oct 2008 20:42:45 +0000</pubDate>
		<dc:creator>Александр Бойченко</dc:creator>
				<category><![CDATA[M5 CSS framework]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[css framework]]></category>
		<category><![CDATA[css framework типографика]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[html framework]]></category>
		<category><![CDATA[m5 css]]></category>
		<category><![CDATA[media5]]></category>
		<category><![CDATA[верстка]]></category>
		<category><![CDATA[верстка сайтов]]></category>

		<guid isPermaLink="false">http://banzalik.ru/?p=18</guid>
		<description><![CDATA[Что это такое? M5 CSS framework &#8212; это набор css правил, облегчающих разработку сайта. Основная польза от него &#8212; это вполне приемлемая типографика. Я принципиально не хочу вносить в него стили для наброски макета, такие как &#8212; шапка, подвал, меню и тд и тп, оставляя полную свободу разработчику. Последнюю версию можно посмотреть по адресу  banzalik.ru/loremipsum, [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Что это такое?</strong></p>
<p><strong>M5 CSS framework</strong> &#8212; это набор css правил, облегчающих разработку сайта. Основная польза от него &#8212; это вполне приемлемая типографика.</p>
<p>Я принципиально не хочу вносить в него стили для наброски макета, такие как &#8212; шапка, подвал, меню и тд и тп, оставляя полную свободу разработчику.</p>
<p>Последнюю версию можно посмотреть по адресу  <a title="M5 CSS framework" href="http://banzalik.ru/loremipsum">banzalik.ru/loremipsum</a>, или-же скачать с <a title="Скачать последнюю версию M5 CSS framework" href="http://banzalik.ru/loremipsum/m5css.zip">m5css.zip</a></p>
<p>M5 CSS основан на <a href="http://devkick.com/lab/tripoli/">Tripoli</a>, мною был переработан и дополнен под конкретные задачи.</p>
<p>Основные отличия от Tripoli:</p>
<ul>
<li>исправлен баг с password полями</li>
<li>добавлен clearfix</li>
<li>убрана локализация под разные языки (оформление цитат)</li>
<li>у body по умолчанию белый цвет</li>
<li>изменены некоторые базовые шрифты</li>
</ul>
<p>p.s. <strong>M5 CSS framework</strong> использует компания <a title="media5 " href="http://media5.com">media5</a> на своих проектах</p>
]]></content:encoded>
			<wfw:commentRss>http://banzalik.ru/m5-css-framework/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

