<?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>Skylord&#039;s notebook &#187; www</title>
	<atom:link href="http://skylord.ru/tag/www/feed/" rel="self" type="application/rss+xml" />
	<link>http://skylord.ru</link>
	<description>Записная книжка</description>
	<lastBuildDate>Sat, 04 Sep 2010 08:13:40 +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>Причуды прогресса</title>
		<link>http://skylord.ru/2010/06/20/prichudy-progressa/</link>
		<comments>http://skylord.ru/2010/06/20/prichudy-progressa/#comments</comments>
		<pubDate>Sun, 20 Jun 2010 17:34:00 +0000</pubDate>
		<dc:creator>Skylord</dc:creator>
				<category><![CDATA[Посты]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[www]]></category>
		<category><![CDATA[верстка]]></category>

		<guid isPermaLink="false">http://skylord.ru/?p=208</guid>
		<description><![CDATA[В HTML-элементе LI есть простое как два пальца свойство &#171;value&#187;, которое просто и ненавязчиво позволяет установить номер элемента в нумерованном списке. Работает с любыми типами нумераций (например, с римскими числами тоже), ненапряжно устанавливается через JavaScript ( &#60;элемент&#62;.value=&#187;10&#8243; без каких-либо ухищрений), не создавая большого overhead&#8217;а и не сильно загрязняя код позволяет легко оперировать нумерацией, так как [...]]]></description>
			<content:encoded><![CDATA[<p>В HTML-элементе LI есть простое как два пальца <a href="http://htmlbook.ru/html/li/value.html" target="_blank">свойство &laquo;value&raquo;</a>, которое просто и ненавязчиво позволяет установить номер элемента в нумерованном списке. Работает с любыми типами нумераций (например, с римскими числами тоже), ненапряжно устанавливается через JavaScript ( &lt;элемент&gt;.value=&raquo;10&#8243; без каких-либо ухищрений), не создавая большого overhead&#8217;а и не сильно загрязняя код позволяет легко оперировать нумерацией, так как следующий элемент после того, которому мы установили value продолжает нумерацию от него (т.е. если в value поставили &laquo;5&#8243;, то у следующего LI даже без установленного value сразу будет номер &laquo;6&#8243; и не важно, что было у предыдущих)&#8230; Одним словом &#8211; хорошее и полезное свойство, не вызывающее никаких спорных вопросов и, с моей точки зрения, не создающее проблем с точки зрения семантики.</p>
<p>Однако де, W3C решил несколько иначе и с HTML 4, а также во всех XHTML это свойство осуждается и валидный код можно получить только установив DOCTYPE в Transitional. Казалось бы &#8211; ну по любому, умные дяди решили так не зря и нам предлагают что-то более удобное, простое или хотя бы &#8211; более функциональное. Однако же, нам предлагают концепцию &laquo;<a href="https://developer.mozilla.org/En/CSS_Counters" target="_blank">CSS Counters</a>&laquo;, которая, если в тезисах, состоит в следующем:</p>
<ul>
<li>Для хранения нумераций используются специальные переменные &#8211; их нужно обнулять перед использованием, одновременно декларируя, например:<br />
<blockquote><p><code>ol {<br />
counter-reset: section;           /* Set the section counter to 0 */<br />
list-style-type: none;<br />
}<br />
</code></p></blockquote>
</li>
<li>Значения этих переменных локальны для каждого списка (!!!).</li>
<li>Изменять значения этих переменных можно опять же либо через CSS-команду counter-reset, указывая конкретное значение, либо через counter-increment, чтобы увеличить его (например, на каждом пункте списка):<br />
<blockquote><p><code>li {<br />
counter-increment: section;            /* Increments only this instance of the section counter */<br />
}
</li>
<li>Вставка непосредственно номеров элементов осуществляется через генерацию контента процедурами counters() и counter() в свойстве content в псевдоклассах :before и :after, например:<br />
<blockquote><p><code>li:before {<br />
content: counters(section, ".") " ";   /* Adds the value of all instances of the section counter separated by a ".". */<br />
}<br />
</code></p></blockquote>
</li>
</ul>
<p>Я как со всем этим ознакомился - даже пробовать не стал и тут же, плюнув, поставил Transitional. Потому что даже в минимальном варианте при настроенных соответствующим образом стилях мне нужно будет писать</p>
<p>&lt;li style="<code>counter-reset: my-counter 5;</code>"&gt;</p>
<p>вместо</p>
<p>&lt;li value="<code>5</code>"&gt;</p>
<p>При этом простое и семантичное свойство заменяется набором из костылей - каких-то процедур, вставкой контента, переменных, - которые добавили в CSS, предназначенный изначально тупо для оформления! И черт с ними с несовместимостями и т.п. - мне вполне достаточно, что созданный в :after и :before контент пользователь не сможет выделить и скопировать. И дело не в недостатках before/after - если на них делать то, для чего они и предназначены (например, уголки круглые навешивать на блоки), то таких проблем и не возникает. А вот если пытаться чесать ухо рукой пропущенной под коленкой...</p>
<p>В общем, я для себя приобрел отличный пример того, как не надо перебарщивать в попытках создать обще-большое-красивое-универсальное-замечательное решение для замены всего-на-свете. Иногда лучше оставить в покое имеющиеся  мелочи, которые нормально работают и успешно справляются со своей задачей.</p>
]]></content:encoded>
			<wfw:commentRss>http://skylord.ru/2010/06/20/prichudy-progressa/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Пустая картинка в data:uri</title>
		<link>http://skylord.ru/2009/09/24/pustaya-kartinka-v-datauri/</link>
		<comments>http://skylord.ru/2009/09/24/pustaya-kartinka-v-datauri/#comments</comments>
		<pubDate>Thu, 24 Sep 2009 17:11:57 +0000</pubDate>
		<dc:creator>Skylord</dc:creator>
				<category><![CDATA[Посты]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[www]]></category>

		<guid isPermaLink="false">http://skylord.ru/2009/09/24/pustaya-kartinka-v-datauri/</guid>
		<description><![CDATA[Больше девать некуда, поэтому пусть тут полежит &#8211; пригодится когда-нибудь. 1-пиксельный прозрачный png с минимизированной палитрой и удаленной мета-информацией: &#171;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAABGdBTUEAAK/INwWK6QAAAANQTFRF////p8QbyAAAAAF0Uk5TAEDm2GYAAAAKSURBVAgdY2AAAAACAAHPyDXlAAAAAElFTkSuQmCC&#187;]]></description>
			<content:encoded><![CDATA[<p>Больше девать некуда, поэтому пусть тут полежит &#8211; пригодится когда-нибудь. 1-пиксельный прозрачный png с минимизированной палитрой и удаленной мета-информацией: &laquo;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAABGdBTUEAAK/INwWK6QAAAANQTFRF////p8QbyAAAAAF0Uk5TAEDm2GYAAAAKSURBVAgdY2AAAAACAAHPyDXlAAAAAElFTkSuQmCC&raquo;</p>
]]></content:encoded>
			<wfw:commentRss>http://skylord.ru/2009/09/24/pustaya-kartinka-v-datauri/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
