<?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>Dimox.net - CSS, XHTML, jQuery and WordPress from Web Developer &#187; Web Development</title>
	<atom:link href="http://dimox.net/category/web-development/feed/" rel="self" type="application/rss+xml" />
	<link>http://dimox.net</link>
	<description>CSS, XHTML, jQuery, WordPress</description>
	<lastBuildDate>Fri, 20 Aug 2010 16:48:37 +0000</lastBuildDate>
	
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>HTML Trick: How To Add CSS Styles For All Browsers Except Internet Explorer</title>
		<link>http://dimox.net/html-trick-how-to-add-css-styles-for-all-browsers-except-ie/</link>
		<comments>http://dimox.net/html-trick-how-to-add-css-styles-for-all-browsers-except-ie/#comments</comments>
		<pubDate>Fri, 18 Dec 2009 15:11:52 +0000</pubDate>
		<dc:creator>Dimox</dc:creator>
				<category><![CDATA[Web Development]]></category>
		<category><![CDATA[XHTML]]></category>
		<category><![CDATA[conditional comments]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Internet Explorer]]></category>

		<guid isPermaLink="false">http://dimox.net/?p=9</guid>
		<description><![CDATA[I very like an idea of display a different design of the same site for IE6 users (may be even for IE7 and IE8 users) and for users of other popular browsers.

The reason is in <strong>ability of using CSS3 technology by the full</strong>, because the browsers like Opera, FireFox, Chrome and Safari already supports a lot of opportunities of this technology, they updates frequently, and we, web developers, very much want to use them on our web sites. Right? =)]]></description>
			<content:encoded><![CDATA[<p>I very like an idea of display a different design of the same site for IE6 users (may be even for IE7 and IE8 users) and for users of other popular browsers.</p>
<p>The reason is in <strong>ability of using CSS3 technology by the full</strong>, because the browsers like Opera, FireFox, Chrome and Safari already supports a lot of opportunities of this technology, they updates frequently, and we, web developers, very much want to use them on our web sites. Right? =)</p>
<p>We can create a <strong>two absolutely different CSS files</strong>: one &#8211; for IE and one for other browsers and then to give them to a corresponding browser using conditional comments.</p>
<h3>How to</h3>
<p><strong>To do the subject, you need to follow the next 2 steps:</strong></p>
<ol>
<li>
Connect a CSS file for all browsers except IE6:</p>

<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;"><span style="color: #808080; font-style: italic;">&lt;!--[if IE]&gt;&lt;![if !IE 6]&gt;&lt;![endif]--&gt;</span><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">link</span> <span style="color: #000066;">rel</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;stylesheet&quot;</span> <span style="color: #000066;">href</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;style.css&quot;</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span> <span style="color: #000066;">media</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;screen, projection&quot;</span> <span style="color: #66cc66;">/</span>&gt;</span><span style="color: #808080; font-style: italic;">&lt;!--[if IE]&gt;&lt;![endif]&gt;&lt;![endif]--&gt;</span></pre></div></div>

<p>Or simplified version, that doing the same:</p>

<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;"><span style="color: #808080; font-style: italic;">&lt;!--[if !IE 6]&gt;&lt;!--&gt;</span><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">link</span> <span style="color: #000066;">rel</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;stylesheet&quot;</span> <span style="color: #000066;">href</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;style.css&quot;</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span> <span style="color: #000066;">media</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;screen, projection&quot;</span> <span style="color: #66cc66;">/</span>&gt;</span><span style="color: #808080; font-style: italic;">&lt;!--&lt;![endif]--&gt;</span></pre></div></div>

</li>
<li>
And now connect a CSS file for only IE6:</p>

<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;"><span style="color: #808080; font-style: italic;">&lt;!--[if IE 6]&gt;&lt;link rel=&quot;stylesheet&quot; href=&quot;ie6.css&quot; type=&quot;text/css&quot; media=&quot;screen, projection&quot; /&gt;&lt;![endif]--&gt;</span></pre></div></div>

</li>
</ol>
<p>By analogy you can make this for IE7 or IE8 or once for IE6, IE7 and IE8 (<a href="http://www.quirksmode.org/css/condcom.html" target="_blank">help on conditional comments</a>).</p>
<h3>Examples</h3>
<ul>
<li><a href="http://transcendingcss.com/" target="_blank">Transcending CSS</a> &#8211; this site uses only <a href="http://code.google.com/p/universal-ie6-css/" target="_blank">Universal IE6 CSS</a> for IE6.</li>
<li><a href="http://dimox.name/" target="_blank">Dimox.name</a> &#8211; my another blog about web development (on Russian). I&#8217;ve made a different design for IE6.</li>
<li>Early I have seen other interesting examples, but can&#8217;t find them now&#8230;</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://dimox.net/html-trick-how-to-add-css-styles-for-all-browsers-except-ie/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>About Me and My Blog</title>
		<link>http://dimox.net/about/</link>
		<comments>http://dimox.net/about/#comments</comments>
		<pubDate>Sat, 07 Nov 2009 17:27:48 +0000</pubDate>
		<dc:creator>Dimox</dc:creator>
				<category><![CDATA[Web Development]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[English]]></category>
		<category><![CDATA[Google Translator]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://dimox.net/?p=3</guid>
		<description><![CDATA[Welcome to my blog <strong>Dimox.net</strong>!

My name is Dmitriy and my nickname is <strong>Dimox</strong>. I am a web developer from Russia, blogger since 2006, I have a blog with an average popularity (1500 readers).

I earn money online providing web development services:

<ol>
	<li>markup web sites from PSD to (X)HTML & CSS;</li>
	<li>create templates (themes) for WordPress.</li>
</ol>

Also I make money with some other ways, like advertising banners, selling links, affiliate programs.]]></description>
			<content:encoded><![CDATA[<p>Welcome to my blog <strong>Dimox.net</strong>!</p>
<p><img src="http://dimox.net/wp-content/themes/dimox.net/i/me.jpg" width="187" height="200" alt="Dimox" class="alignright" /> My name is Dmitriy and my nickname is <strong>Dimox</strong>. I am a web developer from Russia, blogger and freelancer since 2006, I have Russian blog with an average popularity.</p>
<p>I earn money online providing web development services:</p>
<ol>
<li>markup web sites from PSD to (X)HTML & CSS;</li>
<li>create templates (themes) for WordPress.</li>
</ol>
<p>Also I make money with some other ways, like advertising banners, selling links, affiliate programs.</p>
<h3>CSS, XHTML, jQuery</h3>
<p>My first web site I was made in 2003. From that time I was carried away by web development, so I doing this including today.</p>
<p>Previously I have used only tables for markup. Since I became a freelancer in 2006 I began to use <code>&lt;div></code>s instead of <code>&lt;table></code>s.</p>
<p>In 2008 I became acquainted with jQuery. I very like this framework, therefore actively use it on my sites and write various useful scripts. I am one of the authors of online web 2.0 tool <a href="http://csslayoutgenerator.com/" target="_blank">CSS Layout Generator</a>. His interface works on jQuery.</p>
<h3>WordPress</h3>
<p>Since 2006 I actively make themes for WordPress on order. During this time I have created a <a href="http://wordpress.org/extend/plugins/profile/dimox">several plugins</a>. My favourite plugin is <a href="http://dimox.net/jquery-comment-preview-wordpress-plugin/">jQuery Comment Preview</a>.</p>
<h3>My English</h3>
<p>Despite the fact that I studied English entire 9 years (5 &#8211; in school and 4 &#8211; in colledge), my knowledge level of English is still poor, so I have to work with the dictionary. Improving my knowledge of English is one of the goals of this blog.</p>
<p>I use <a href="http://widgets.opera.com/widget/13162/" target="_blank">Google Translator</a> widget for Opera while writing and translating texts. I&#8217;ve made it myself.</p>
<h3>This Blog</h3>
<p>As you might guess, this blog is dedicated to web development and main themes are CSS, XHTML, jQuery and WordPress. Also I may write on another related topics such as web standards, web browsers, SEO etc.</p>
]]></content:encoded>
			<wfw:commentRss>http://dimox.net/about/feed/</wfw:commentRss>
		<slash:comments>22</slash:comments>
		</item>
	</channel>
</rss>
