<?xml version="1.0" encoding="UTF-8"?>
<!-- generator="wordpress/2.1.2" -->
<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/"
	>

<channel>
	<title>YellowJug</title>
	<link>http://www.yellowjug.com</link>
	<description>Free animated and interactive e-cards, PHP Scripts and tutorials.</description>
	<pubDate>Mon, 07 Apr 2008 10:03:03 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.1.2</generator>
	<language>en</language>
			<item>
		<title>Feedburner PRO is now FREE</title>
		<link>http://www.yellowjug.com/general/feedburner-pro-is-now-free/</link>
		<comments>http://www.yellowjug.com/general/feedburner-pro-is-now-free/#comments</comments>
		<pubDate>Mon, 07 Apr 2008 09:16:00 +0000</pubDate>
		<dc:creator>Alberto Betella</dc:creator>
		
		<category><![CDATA[General]]></category>
<category>feed</category><category>feedburner</category><category>google</category><category>rss</category><category>statistics</category>
		<guid isPermaLink="false">http://www.yellowjug.com/general/feedburner-pro-is-now-free/</guid>
		<description><![CDATA[  The acquisition of Feedburner Company by Google led to the free release of all the PRO services such as feed items tracking or MyBrand. 
I personally find MyBrand service very useful: I&#8217;ve always had doubts using Feedburner as relying on an external service for your feeds means depending on someone who is not you: [...] ]]></description>
			<content:encoded><![CDATA[<p> <img src='http://www.yellowjug.com/news/wp-content/uploads/2008/04/feedburner_logo_55h.gif' alt='Feedburner LOGO' class="imgright" />The acquisition of <a href="http://www.feedburner.com" target="_blank">Feedburner</a> Company by Google led to the free release of all the PRO services such as feed items tracking or <a href="http://www.google.com/support/feedburner/bin/answer.py?answer=79590&#038;topic=13184" target="_blank">MyBrand</a>. </p>
<p>I personally find MyBrand service very useful: I&#8217;ve always had doubts using Feedburner as relying on an external service for your feeds means depending on someone who is not you: one day Feedburner could decide, for example, to insert advertisements in your feed without leaving you the choice to display them or not. Can u imagine your subscribers receiving ads you don&#8217;t wish to show them&#8230;? With MyBrand - now free - you can use your own domain name along with Feedburner services&#8230; This allows you to enjoy the very useful stats provided by feedburner service, while giving you the freedom to leave these services when you wish, without the need to change your RSS feed URL <img src='http://www.yellowjug.com/news/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.yellowjug.com/general/feedburner-pro-is-now-free/feed/</wfw:commentRss>
		</item>
		<item>
		<title>ElfYourself</title>
		<link>http://www.yellowjug.com/general/elfyourself/</link>
		<comments>http://www.yellowjug.com/general/elfyourself/#comments</comments>
		<pubDate>Sat, 15 Dec 2007 14:36:27 +0000</pubDate>
		<dc:creator>Alberto Betella</dc:creator>
		
		<category><![CDATA[General]]></category>
<category>elf</category><category>funny</category><category>xmas</category>
		<guid isPermaLink="false">http://www.yellowjug.com/general/elfyourself/</guid>
		<description><![CDATA[  A funny idea for a special xmas card to send by email? Give a look to this website and enjoy it:
http://www.elfyourself.com
 
 ]]></description>
			<content:encoded><![CDATA[<p> A funny idea for a special xmas card to send by email? Give a look to this website and enjoy it:<br />
<a href="http://www.elfyourself.com" target="_blank">http://www.elfyourself.com</a><br />
 <img src='http://www.yellowjug.com/news/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.yellowjug.com/general/elfyourself/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Free animated and interactive Xmas cards</title>
		<link>http://www.yellowjug.com/general/free-animated-and-interactive-xmas-cards/</link>
		<comments>http://www.yellowjug.com/general/free-animated-and-interactive-xmas-cards/#comments</comments>
		<pubDate>Mon, 26 Nov 2007 20:14:24 +0000</pubDate>
		<dc:creator>Alberto Betella</dc:creator>
		
		<category><![CDATA[General]]></category>
<category>animated cards</category><category>christmas</category><category>e cards</category><category>flash e cards</category><category>reindeers</category><category>Santa</category><category>xmas</category>
		<guid isPermaLink="false">http://www.yellowjug.com/general/free-animated-and-interactive-xmas-cards/</guid>
		<description><![CDATA[  YellowJug.com offers free animated e-cards you can send to family and friends!
The two most popular interactive xmas greeting cards which have been sent ten thousand times so far are the Xmas Reindeers playing Silent Night and the very special Santa&#8217;s Sleigh.
Just select your favorite e-card, fill it with the recipient&#8217;s email address and customize [...] ]]></description>
			<content:encoded><![CDATA[<p> <img src="http://yellowjug.com/images/news/free_xmas_card.png" alt="Free Christmas Cards by YellowJug.com" class="imgright" />YellowJug.com offers free animated e-cards you can send to family and friends!<br />
The two most popular interactive xmas greeting cards which have been sent ten thousand times so far are the <a href="http://www.yellowjug.com/ecards/ecard.php?card=card6">Xmas Reindeers playing Silent Night</a> and the <a href="http://www.yellowjug.com/ecards/ecard.php?card=card13">very special Santa&#8217;s Sleigh</a>.<br />
Just <a href="http://www.yellowjug.com/ecards/">select your favorite e-card</a>, fill it with the recipient&#8217;s email address and customize it with your personal message.<br />
This service is totally free of charge; hope you enjoy it <img src='http://www.yellowjug.com/news/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.yellowjug.com/general/free-animated-and-interactive-xmas-cards/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Non-Genuine windows users, download Internet Explorer 7!</title>
		<link>http://www.yellowjug.com/general/non-genuine-windows-user-download-internet-explorer-7/</link>
		<comments>http://www.yellowjug.com/general/non-genuine-windows-user-download-internet-explorer-7/#comments</comments>
		<pubDate>Sat, 06 Oct 2007 02:35:15 +0000</pubDate>
		<dc:creator>Alberto Betella</dc:creator>
		
		<category><![CDATA[General]]></category>
<category>browser</category><category>IE</category><category>internet explorer</category><category>web standards</category><category>windows</category>
		<guid isPermaLink="false">http://www.yellowjug.com/general/non-genuine-windows-user-download-internet-explorer-7/</guid>
		<description><![CDATA[  As a web designer I blamed some months ago about Internet Explorer, the worst browser ever. Version 6 is plenty of defects: very bad CSS interpretation, lack of coherence with web standards, no support for PNG complex transparency, etc&#8230;
Internet Explorer 7 seems to have solved some of these issues, but the previous version is [...] ]]></description>
			<content:encoded><![CDATA[<p> <img src="http://yellowjug.com/images/news/pirateflag.png" alt="Pirates Flag" class="imgright" />As a web designer <a href="http://www.yellowjug.com/web-design/why-internet-explorer-is-my-worst-friend/">I blamed some months ago about Internet Explorer</a>, the worst browser ever. Version 6 is plenty of defects: very bad CSS interpretation, lack of coherence with web standards, no support for PNG complex transparency, etc&#8230;<br />
Internet Explorer 7 seems to have solved some of these issues, but the previous version is still the most wide spread release: this is probably due also to genuine windows copies control the new release performed before installing.<br />
<strong>Now Internet Explorer 7 is available as a free update also for irregular windows users</strong>, and <a href="http://blogs.msdn.com/ie/archive/2007/10/04/internet-explorer-7-update.aspx" target="_blank">doesn&#8217;t perform WGA (Windows Genuine Advantage) controls any more</a>.<br />
If you really want to use this browser, please, at least <a href="http://www.microsoft.com/windows/downloads/ie/getitnow.mspx" target="_blank">upgrade to the latest version</a>! (it is also supposed to be more secure&#8230;).</p>
<p>P.S. In case you need a more flexible, easy-to-use, secure, fast, reliable, free browser, I suggest you to <a href="http://en.www.mozilla.com/en/firefox/" target="_blank">try Mozilla Firefox</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.yellowjug.com/general/non-genuine-windows-user-download-internet-explorer-7/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Filezilla 3: cross platform FTP and SFTP client</title>
		<link>http://www.yellowjug.com/mac/filezilla-3-cross-platform-ftp-and-sftp-client/</link>
		<comments>http://www.yellowjug.com/mac/filezilla-3-cross-platform-ftp-and-sftp-client/#comments</comments>
		<pubDate>Wed, 05 Sep 2007 09:33:02 +0000</pubDate>
		<dc:creator>Alberto Betella</dc:creator>
		
		<category><![CDATA[Mac]]></category>

		<category><![CDATA[Linux]]></category>

		<category><![CDATA[Free software]]></category>
<category>client</category><category>cross platform</category><category>ftp</category><category>open source</category>
		<guid isPermaLink="false">http://www.yellowjug.com/mac/18/</guid>
		<description><![CDATA[  FileZilla, the popular open source FTP and SFTP client for Windows, has been completely re-written and now is able to run on every major platform, including Linux, Mac OS X and *BSD.
The new cross-platform release of Filezilla (Version 3) will be available officially in a few weeks; in the meanwhile you can already download [...] ]]></description>
			<content:encoded><![CDATA[<p> <img src="http://yellowjug.com/images/news/filezilla.png" alt="Filezilla 3: cross platform FTP and SFTP client." class="imgright" /><a href="http://filezilla.sourceforge.net/" target="_blank">FileZilla</a>, the popular open source FTP and SFTP client for Windows, has been completely re-written and now is able to <strong>run on every major platform, including Linux, Mac OS X and *BSD</strong>.</p>
<p>The new cross-platform release of Filezilla (Version 3) will be available officially in a few weeks; in the meanwhile you can already <a href="http://sourceforge.net/project/showfiles.php?group_id=21558" target="_blank">download the Beta version from Sourceforge</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.yellowjug.com/mac/filezilla-3-cross-platform-ftp-and-sftp-client/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Cheap hosting revolution?</title>
		<link>http://www.yellowjug.com/hosting/cheap-hosting-revolution/</link>
		<comments>http://www.yellowjug.com/hosting/cheap-hosting-revolution/#comments</comments>
		<pubDate>Sat, 25 Aug 2007 10:20:46 +0000</pubDate>
		<dc:creator>Alberto Betella</dc:creator>
		
		<category><![CDATA[Hosting]]></category>
<category>web hosting</category>
		<guid isPermaLink="false">http://www.yellowjug.com/hosting/cheap-hosting-revolution/</guid>
		<description><![CDATA[  Tophost.it is an Italian web hosting company selling low-cost 200MB hosting plans (about 10 euros/year) which include interesting features such as domain registration (.it .com .net .org .info .eu), PHP and MYSQL support, FTP access, Control Panel (basic DNS management), up to 10 POP3 email accounts with antivirus and antispam.
During the last two weeks [...] ]]></description>
			<content:encoded><![CDATA[<p> <img src="http://yellowjug.com/images/news/tophost.png" alt="Tophost: debate around cheap hosting" class="imgright" />Tophost.it is an Italian web hosting company selling low-cost 200MB hosting plans (about 10 euros/year) which include interesting features such as domain registration (.it .com .net .org .info .eu), PHP and MYSQL support, FTP access, Control Panel (basic DNS management), up to 10 POP3 email accounts with antivirus and antispam.</p>
<p>During the last two weeks the company had experienced very serious issues on one node that led to several server crashes and to a temporary unavailability of the hosted websites.<br />
Some Italian bloggers blamed about these disruptions on their blogs writing hot posts referring to the company.</p>
<p>A small debate started: Tophost&#8217;s answer to these provocations consisted in sending a newsletter to all customers on the 21st august 2007. In this open-letter, entitled literarily &#8220;It&#8217;s nice to feel loved&#8221; (<a href="http://www.prozone.it/smf/index.php/topic,2657.msg22078.html#msg22078" target="_blank">see the original text in Italian</a>), the company announced the resolution of the problems on the node 03 but also criticized blatantly those customers who wrote hostile articles on their own blogs. Furthermore Tophost asked their satisfied customers to participate in the discussion and to express publicly on the net their satisfaction.</p>
<p>This newsletter caused a new wave of criticizing posts accusing TopHost to adopt the worst communication policies and to be a presumptuous company.</p>
<p>I personally find this way to address customers very peculiar, yet positive: Tophost is simply adopting the same instruments available to the bloggers to reply the accuses and receive feedbacks from the Internet community.</p>
<p>I have been using Tophost services with 4 small websites for 3 years, and I had a very good experience so far.<br />
Technical issues are quite common among cheap hosting companies and I have encountered server disruptions (also for prolonged periods of time) even with far more expensive hosting providers.</p>
<p>In my opinion 10 euros/year is definitely a fair price: this allows almost everyone to buy a domain name and build a basic dynamic website (e.g. a Blog, a simple CMS&#8230;) spending an affordable amount of money and avoiding free services that usually add annoying advertisements and provide with a 3rd level domain.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.yellowjug.com/hosting/cheap-hosting-revolution/feed/</wfw:commentRss>
		</item>
		<item>
		<title>How to quickly delete .DS_store files</title>
		<link>http://www.yellowjug.com/mac/how-to-quickly-delete-ds_store-files/</link>
		<comments>http://www.yellowjug.com/mac/how-to-quickly-delete-ds_store-files/#comments</comments>
		<pubDate>Sun, 15 Jul 2007 11:22:14 +0000</pubDate>
		<dc:creator>Alberto Betella</dc:creator>
		
		<category><![CDATA[Mac]]></category>
<category>Mac</category><category>software</category>
		<guid isPermaLink="false">http://www.yellowjug.com/mac/how-to-quickly-delete-ds_store-files/</guid>
		<description><![CDATA[  .DS_store are hidden files Mac OS X creates into every folder in order to save non-vital appearance information such as windows position, background and file comments.
These files are generated automatically and are almost invisible to Mac OS X users, anyway, it would be a good idea to delete them if you are going to [...] ]]></description>
			<content:encoded><![CDATA[<p> <img src="http://yellowjug.com/images/news/DSstore.png" alt="DS_Store Cleaner: application to delete automatically DS_Store files" class="imgright" /><strong>.DS_store</strong> are hidden files Mac OS X creates into every folder in order to save non-vital <strong>appearance information</strong> such as windows position, background and file comments.<br />
These files are generated automatically and are almost invisible to Mac OS X users, anyway, it would be a good idea to delete them if you are going to burn a CD or create a compressed file to share with someone who may adopt another OS, as .DS_store files can result superfluous and annoying.<br />
<a href="http://projects.ryangrier.com/" target="_blank">DS_Store Cleaner</a> is a small piece of software for Mac OS X (Mac OS X 10.3 or later is required) which can help you removing swiftly all .DS_Store files present in a folder and in its sub-folders and can be very useful if you share your compressed archives, CDs or memory sticks: just drag the folder you wish to clean into the application icon and automatically clean it. An alert box will notify about the number of .DS_Store files deleted.<br />
DS_Store Cleaner is <em>freeware</em> and available also for Windows.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.yellowjug.com/mac/how-to-quickly-delete-ds_store-files/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Apple Safari 3 for Windows</title>
		<link>http://www.yellowjug.com/general/apple-safari-3-for-windows/</link>
		<comments>http://www.yellowjug.com/general/apple-safari-3-for-windows/#comments</comments>
		<pubDate>Mon, 11 Jun 2007 20:52:34 +0000</pubDate>
		<dc:creator>Alberto Betella</dc:creator>
		
		<category><![CDATA[General]]></category>

		<category><![CDATA[Mac]]></category>
<category>apple</category><category>browser</category><category>Mac</category><category>safari</category><category>software</category>
		<guid isPermaLink="false">http://www.yellowjug.com/general/safari-3-for-windows/</guid>
		<description><![CDATA[  Today during the WWDC07 Apple announced that Safari 3 will be released also for Windows platform.
A beta version is already available here:
http://www.apple.com/safari/
According to Apple, Safari is 2 times faster than Internet Explorer 7 and up to 1.6 times faster than Mozilla Firefox.
I downloaded the beta version of Safari and installed it on Windows XP: [...] ]]></description>
			<content:encoded><![CDATA[<p> <img src="http://yellowjug.com/images/news/safariwin.png" alt="Apple Safari 3 for Windows" class="imgright" />Today during the <a href="http://developer.apple.com/wwdc/" target="_blank">WWDC07</a> Apple announced that <strong>Safari 3</strong> will be released also <strong>for Windows platform</strong>.</p>
<p>A beta version is already available here:<br />
<a href="http://www.apple.com/safari/" target="_blank">http://www.apple.com/safari/</a></p>
<p>According to Apple, Safari is 2 times faster than Internet Explorer 7 and up to 1.6 times faster than Mozilla Firefox.</p>
<p>I downloaded the beta version of Safari and installed it on Windows XP: the installation went smoothly but the browser gave a non critical error on starting. It&#8217;s really fast but I experienced some characters and pages rendering issues.<br />
It&#8217;s still a beta version of course, but in my opinion the premises are good: waiting for a stable Windows release.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.yellowjug.com/general/apple-safari-3-for-windows/feed/</wfw:commentRss>
		</item>
		<item>
		<title>How to display referer-based contents in your web pages using PHP</title>
		<link>http://www.yellowjug.com/php/how-to-display-referer-based-contents-in-your-web-pages-using-php/</link>
		<comments>http://www.yellowjug.com/php/how-to-display-referer-based-contents-in-your-web-pages-using-php/#comments</comments>
		<pubDate>Sun, 10 Jun 2007 14:43:24 +0000</pubDate>
		<dc:creator>Alberto Betella</dc:creator>
		
		<category><![CDATA[PHP]]></category>
<category>code</category><category>php</category><category>referer</category>
		<guid isPermaLink="false">http://www.yellowjug.com/php/how-to-display-referer-based-contents-in-your-web-pages-using-php/</guid>
		<description><![CDATA[  In this article I&#8217;ll explain how to use PHP in order to offer your visitors targeted content based upon their referring page.
PHP and CSS allow you to create a customized box which appears in a defined place of your webpages and gives help to visitors who satisfy predetermined conditions: the PHP variable $_SERVER consists [...] ]]></description>
			<content:encoded><![CDATA[<p> <img src="http://yellowjug.com/images/news/helper.png" alt="Hints and tips box with PHP and CSS" class="imgright" /><em>In this article I&#8217;ll explain how to use PHP in order to offer your visitors targeted content based upon their referring page.</em></p>
<p>PHP and CSS allow you to create a customized box which appears in a defined place of your webpages and gives help to visitors who satisfy predetermined conditions: the PHP variable <strong>$_SERVER</strong> consists in an array containing several information. The variable <strong>$_SERVER[&#8217;HTTP_REFERER&#8217;]</strong> contains the referer URL (i.e. the website or webpage where the visitor comes from).</p>
<p>You can use this variable to offer a referer-based content to your visitors: for example <strong>when some visitors come from a particular URL, you can show them a box containing tips that help finding quickly what they are looking for</strong>. </p>
<p>Let&#8217;s go deeper into the matter and see a practical use of this technique&#8230; </p>
<p>First, create a css class:</p>
<p><code>.helper {<br />
position:absolute;<br />
top: 0px;<br />
left: 0px;<br />
background-color: #CC3300;<br />
color:#FFFFFF;<br />
}<br />
</code></p>
<p>I called the CSS class &#8220;.helper&#8221; and defined an element with absolute position (top-left), a red background and white text.</p>
<p>Now, you can use the following PHP code to display the &#8220;.helper&#8221; element defined in CSS on determined conditions. Using the PHP command <a href="http://it.php.net/eregi" target="_blank"><strong>eregi</strong></a> on the variable <strong>$_SERVER[&#8217;HTTP_REFERER&#8217;]</strong>, the server can look for the presence of certain terms in the referer URL:</p>
<p><code>&lt;?php<br />
if (eregi("<em>font</em>&#8220;,$_SERVER[&#8217;HTTP_REFERER&#8217;])) {<br />
echo &#8220;&lt;div class=\&quot;helper\&quot;&gt;<em>Looking for YellowJug font?</em>&lt;br /&gt;<br />
&lt;a href=\&#8221;projects/yellowjug_true_type_font/\&#8221;&gt;<em>Click here&#8230;</em>&lt;/a&gt;<br />
&lt;/div&gt;&#8221;;<br />
}<br />
?&gt;<br />
</code></p>
<p>The human &#8220;translation&#8221; of the code above is:<br />
<strong>if</strong> the visitor&#8217;s origin is a URL which contains the term &#8220;font&#8221;, <strong>then</strong> display red a box on the top left of the webpage (the box position and colors are obviously defined in the CSS class .helper) which suggests the visitor to visit a certain link or page.</p>
<p>If the term-matching condition is not satisfied, the box simply won&#8217;t appear and won&#8217;t annoy your visitors.</p>
<p>To see this soluction in action just visit yellowjug.com homepage and check the top left corner: no help box should appear; then go to <a href="http://www.dafont.com/yellow-jug.font" target="_blank">YellowJug font page on dafont.com</a> and click on the link &#8220;Site&#8221; next to the author&#8217;s name (it&#8217;s me <img src='http://www.yellowjug.com/news/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> ). You&#8217;ll be redirected again to yellowjug.com home page but now you&#8217;ll be able to see the red box!</p>
<p>Please consider that this technical solution can be adopted on different approaches in more elaborate contexts. These &#8220;boxes&#8221; could offer hints, tips or suggestions and can be displayed <em>ad hoc</em>, for example, when a visitor comes from a certain page or comes from a page which contains a certain term (including search engines pages).</p>
]]></content:encoded>
			<wfw:commentRss>http://www.yellowjug.com/php/how-to-display-referer-based-contents-in-your-web-pages-using-php/feed/</wfw:commentRss>
		</item>
		<item>
		<title>The importance of !important in CSS</title>
		<link>http://www.yellowjug.com/web-design/the-importance-of-important-in-css/</link>
		<comments>http://www.yellowjug.com/web-design/the-importance-of-important-in-css/#comments</comments>
		<pubDate>Tue, 05 Jun 2007 12:35:07 +0000</pubDate>
		<dc:creator>Alberto Betella</dc:creator>
		
		<category><![CDATA[Web design]]></category>
<category>cascading stylesheet</category><category>CSS</category><category>web standards</category>
		<guid isPermaLink="false">http://www.yellowjug.com/web-design/the-importance-of-important-in-css/</guid>
		<description><![CDATA[  In this article I&#8217;ll introduce the declaration !important in CSSs and explain how to use it as a &#8220;workaround&#8221; to avoid adopting IE proprietary code to obtain the max-width effect in your web pages.
When a CSS propriety is specified twice, the browser will commonly use the last one. Let&#8217;s see an example:

#main {
  [...] ]]></description>
			<content:encoded><![CDATA[<p> <img src="http://yellowjug.com/images/news/css.png" alt="CSS and max-width" class="imgright" /><em>In this article I&#8217;ll introduce the declaration <strong>!important</strong> in CSSs and explain how to use it as a &#8220;workaround&#8221; to avoid adopting IE proprietary code to obtain the <strong>max-width</strong> effect in your web pages.</em></p>
<p>When a CSS propriety is specified twice, the browser will commonly use the last one. Let&#8217;s see an example:<br />
<code><br />
#main {<br />
  width:600px;<br />
  width:800px;<br />
}</code></p>
<p>In this example the browser will assign width 800 pixels to the <em>#main</em> element.</p>
<p>The declaration <em>!important</em> can be used in cascading style sheets to give priority to some parameters.<br />
<code><br />
#main {<br />
  width:600px !important;<br />
  width:800px;<br />
}</code></p>
<p>In the example above the browser will give priority to the first declaration and the <em>#main</em> element will be 600 pixels width.</p>
<p>So, what&#8217;s the point?<br />
<strong>Internet Explorer 6</strong> and previous versions <strong>simply ignore the declaration <em>!important</em></strong> (while IE 7 supports them) <strong>therefore we can take advance of this issue to design a &#8220;browser-based&#8221; CSS</strong>. </p>
<p>Let&#8217;s consider, for example, the CSS proprieties <em>max-width</em> and <em>min-width</em>: these parameters specify a maximum and minimum width of a web element (such as a table or a DIV container). This is a useful feature which allows to create fluid and dynamic layouts that can be displayed correctly both in low resolutions (e.g. 640&#215;480) and in very high resolutions.<br />
Unfortunately IE 6, <a href="http://www.yellowjug.com/web-design/why-internet-explorer-is-my-worse-friend/">among other things</a>, doesn&#8217;t even support the max/min width declaration: in order to obtain the same effect under IE6 you can use a proprietary code:</p>
<p><code>#main {<br />
max-width: 900px;<br />
<strong>width:expression(document.body.clientWidth > 900? &#8220;900px&#8221;: &#8220;auto&#8221; );</strong> /* IE proprietary code */<br />
}</code></p>
<p>In this example the #main element will be rendered with a maximum width of 900px both in Firefox, Safari, Opera and Internet Explorer.<br />
Please note that <strong>the proprietary code <em>width:expression</em> is not a valid CSS declaration</strong>, so if you decide to adopt it, your stylesheet won&#8217;t respect web standards and won&#8217;t be validated.</p>
<p>However, we can use the <em>!important</em> declaration to avoid non-standard CSS expressions. Here is a &#8220;workaround&#8221; which allows to use max/min width with smart browsers and specify a fixed width for IE 6 users:</p>
<p><code>#main {<br />
	margin: 0 auto 0;<br />
	max-width: 900px;<br />
	min-width: 770px;<br />
	width:auto !important;<br />
	width:800px;<br />
}</code></p>
<p>In the above example (you can see it in action on this website) the declaration <em>!important</em> is used to specify dynamic width attributes to browsers that support them (e.g. Firefox, Netscape, Opera, Safari and IE 7) while the width is fixed to an average value (800 pixels) for IE 6.<br />
This doesn&#8217;t solve completely the matter, but can be considered as a workaround to improve your fluid layout appearance avoiding non-standard code.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.yellowjug.com/web-design/the-importance-of-important-in-css/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>
