<?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>ourlil.com &#187; CSS</title>
	<atom:link href="http://OurLil.com/blog/category/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://OurLil.com</link>
	<description>A web site for tutti noi (all of us!)</description>
	<lastBuildDate>Mon, 28 Nov 2011 15:23:22 +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>Yahoo! UI Library: Graded Browser Support</title>
		<link>http://OurLil.com/blog/yahoo-ui-library-graded-browser-support/70/</link>
		<comments>http://OurLil.com/blog/yahoo-ui-library-graded-browser-support/70/#comments</comments>
		<pubDate>Fri, 28 Sep 2007 17:31:04 +0000</pubDate>
		<dc:creator>webmaestro</dc:creator>
				<category><![CDATA[Browsers]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Freedom]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Interactive Team]]></category>
		<category><![CDATA[WebTech]]></category>
		<category><![CDATA[Windoze]]></category>

		<guid isPermaLink="false">http://OurLil.com/blog/yahoo-ui-library-graded-browser-support/</guid>
		<description><![CDATA[Yahoo! UI Library: Graded Browser Support A-Grade Browser Support is probably what we should adopt, as well.]]></description>
			<content:encoded><![CDATA[<p><a href="http://developer.yahoo.com/yui/articles/gbs/index.html">Yahoo! UI Library: Graded Browser Support</a></p>
<p>A-Grade Browser Support is probably what we should adopt, as well.</p>
]]></content:encoded>
			<wfw:commentRss>http://OurLil.com/blog/yahoo-ui-library-graded-browser-support/70/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>TinyMCE &#8211; The WYSIWYG Editor for WordPress</title>
		<link>http://OurLil.com/blog/tinymceinstallation-moxiecode-documentation-wiki/68/</link>
		<comments>http://OurLil.com/blog/tinymceinstallation-moxiecode-documentation-wiki/68/#comments</comments>
		<pubDate>Wed, 26 Sep 2007 15:16:02 +0000</pubDate>
		<dc:creator>webmaestro</dc:creator>
				<category><![CDATA[Blogs]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Hacks]]></category>
		<category><![CDATA[Interactive Team]]></category>
		<category><![CDATA[Trends]]></category>
		<category><![CDATA[WebTech]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[nifty]]></category>

		<guid isPermaLink="false">http://OurLil.com/blog/tinymceinstallation-moxiecode-documentation-wiki/</guid>
		<description><![CDATA[TinyMCE is a powerful WYSIWYG editor control for web browsers such as MSIE or Mozilla that enables the user to edit HTML contents in a more user friendly way. The editor control is very flexible and it&#8217;s built for integration purposes (usage within systems like Intranets, CMS, and LMS, for example). TinyMCE:Installation &#8211; Moxiecode Documentation [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://clay.freedomblogging.com/files/2007/09/tinymce_editor.jpg" title="TinyMCE Editor"><img src="http://clay.freedomblogging.com/files/2007/09/tinymce_editor.jpg" alt="TinyMCE Editor" align="right" border="0" hspace="10" width="250" /></a><a href="http://wiki.moxiecode.com/index.php/TinyMCE:About">TinyMCE</a> is a powerful WYSIWYG editor control for web browsers such as MSIE or Mozilla that enables the user to edit HTML contents in a more user friendly way. The editor control is very flexible and it&#8217;s built for integration purposes (usage within systems like Intranets, CMS, and LMS, for example).</p>
<p><a href="http://wiki.moxiecode.com/index.php/TinyMCE:Installation">TinyMCE:Installation &#8211; Moxiecode Documentation Wiki</a></p>
<p>This is the Text Editor available for WordPress posting (Visual Edit mode). Pretty neat. Perhaps we&#8217;ll add a few items&#8230;</p>
<p><img src="http://wiki.moxiecode.com/images/logo.gif" align="right" border="0" hspace="10" width="95" />Here&#8217;re some more interesting TinyMCE links:</p>
<ul>
<li><a href="http://codex.wordpress.org/TinyMCE">WordPress TinyMCE page</a></li>
<li><a href="http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/spellchecker">TinyMCE:Plugins/spellchecker</a></li>
<li><a href="http://www.mkbergman.com//?page_id=383">Advanced TinyMCE Editor</a></li>
<li><a href="http://www.laptoptips.ca/projects/tinymce-advanced/">TinyMCE Advanced</a></li>
<li><a href="http://www.deliciousdays.com/tinymcebuttons">Tiny MCE Buttons</a></li>
<li><a href="http://wiki.moxiecode.com/index.php/TinyMCE:Configuration/valid_elements">TinyMCE: Configuration/valid elements</a></li>
</ul>
<p>Perhaps, if I can ever find some time, I&#8217;ll be able to play around with this stuff.</p>
]]></content:encoded>
			<wfw:commentRss>http://OurLil.com/blog/tinymceinstallation-moxiecode-documentation-wiki/68/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Prop-Clear: CSS min-height hack</title>
		<link>http://OurLil.com/blog/prop-clear-css-min-height-hack/50/</link>
		<comments>http://OurLil.com/blog/prop-clear-css-min-height-hack/50/#comments</comments>
		<pubDate>Thu, 06 Sep 2007 17:24:22 +0000</pubDate>
		<dc:creator>webmaestro</dc:creator>
				<category><![CDATA[Browsers]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Hacks]]></category>
		<category><![CDATA[WebTech]]></category>
		<category><![CDATA[whoa!]]></category>

		<guid isPermaLink="false">http://OurLil.com/blog/prop-clear-css-min-height-hack/</guid>
		<description><![CDATA[This is the solution to the perplexing problem of content area overflowing onto footers and su Prop-Clear: CSS min-height hack In a nutshell, add this to your CSS style sheet: .clear { clear:both; height:1px; overflow:hidden; } &#8230; and add &#60;div class="clear"&#62;&#60;/div&#62; to your HTML: &#60;div class="contentinnerwrapper"&#62; &#60;?php echo $content_for_layout; ?&#62; &#60;div class="clear"&#62;&#60;/div&#62; &#60;/div&#62;]]></description>
			<content:encoded><![CDATA[<p>This is the solution to the perplexing problem of content area overflowing onto footers and su</p>
<p><a href="http://www.greywyvern.com/code/min-height-hack">Prop-Clear: CSS min-height hack</a></p>
<p>In a nutshell, add this to your CSS style sheet:</p>
<p><code>.clear { clear:both; height:1px; overflow:hidden; }</code></p>
<p>&#8230; and add <code>&lt;div class="clear"&gt;&lt;/div&gt;</code> to your HTML:</p>
<p><code><br />
&lt;div class="contentinnerwrapper"&gt;<br />
&lt;?php echo $content_for_layout; ?&gt;<br />
&lt;div class="clear"&gt;&lt;/div&gt;<br />
&lt;/div&gt;<br />
</code></p>
]]></content:encoded>
			<wfw:commentRss>http://OurLil.com/blog/prop-clear-css-min-height-hack/50/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Adobe kuler</title>
		<link>http://OurLil.com/blog/adobe-kuler/39/</link>
		<comments>http://OurLil.com/blog/adobe-kuler/39/#comments</comments>
		<pubDate>Fri, 03 Aug 2007 03:43:40 +0000</pubDate>
		<dc:creator>webmaestro</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Interactive Team]]></category>
		<category><![CDATA[WebTech]]></category>

		<guid isPermaLink="false">http://OurLil.com/blog/adobe-kuler/</guid>
		<description><![CDATA[kuler Color tool for Adobe products]]></description>
			<content:encoded><![CDATA[<p><a href="http://kuler.adobe.com/">kuler </a></p>
<p>Color tool for Adobe products</p>
]]></content:encoded>
			<wfw:commentRss>http://OurLil.com/blog/adobe-kuler/39/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Test your web design in different browsers &#8211; Browsershots</title>
		<link>http://OurLil.com/blog/test-your-web-design-in-different-browsers-browsershots/22/</link>
		<comments>http://OurLil.com/blog/test-your-web-design-in-different-browsers-browsershots/22/#comments</comments>
		<pubDate>Mon, 21 May 2007 18:48:33 +0000</pubDate>
		<dc:creator>webmaestro</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Hacks]]></category>
		<category><![CDATA[Interactive Team]]></category>
		<category><![CDATA[nifty]]></category>

		<guid isPermaLink="false">http://OurLil.com/blog/test-your-web-design-in-different-browsers-browsershots/</guid>
		<description><![CDATA[Test your web design in different browsers &#8211; Browsershots Browsershots makes screenshots of your web design in different browsers. It is a free open-source online service created by Johann C. Rocholl. When you submit your web address, it will be added to the job queue. A number of distributed computers will open your website in [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://browsershots.org/">Test your web design in different browsers &#8211; Browsershots</a><br />
Browsershots makes screenshots of your web design in different browsers. It is a free open-source online service created by Johann C. Rocholl. When you submit your web address, it will be added to the job queue. A number of distributed computers will open your website in their browser. Then they will make screenshots and upload them to the central server here.</p>
]]></content:encoded>
			<wfw:commentRss>http://OurLil.com/blog/test-your-web-design-in-different-browsers-browsershots/22/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Dreamweaver: Configuring Third-Party File Compare (aka `diff`)</title>
		<link>http://OurLil.com/blog/dreamweaver-configuring-third-party-file-compare-aka-diff/21/</link>
		<comments>http://OurLil.com/blog/dreamweaver-configuring-third-party-file-compare-aka-diff/21/#comments</comments>
		<pubDate>Mon, 21 May 2007 18:48:12 +0000</pubDate>
		<dc:creator>webmaestro</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Hacks]]></category>
		<category><![CDATA[Interactive Team]]></category>
		<category><![CDATA[WebTech]]></category>

		<guid isPermaLink="false">http://OurLil.com/blog/dreamweaver-configuring-third-party-file-compare-aka-diff/</guid>
		<description><![CDATA[Adobe &#8211; Developer Center : Configuring Third-Party File Compare This article gives step-by-step instructions to enable the â€˜Compare with Remoteâ€™ menu item (for Mac &#38; Windows . It also provides information on where to get and configure file comparison: WinMerge (Windows) and FileMerge (Mac). NOTE: FileMerge is available free via Mac OS X Developer Tools [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.adobe.com/devnet/dreamweaver/articles/compare_utilities.html">Adobe &#8211; Developer Center : Configuring Third-Party File Compare</a></p>
<p>This article gives step-by-step instructions to enable the â€˜Compare with Remoteâ€™ menu item (for Mac &amp; Windows <img src="http://blog.bad.freedom.com/wp-includes/images/smilies/icon_wink.gif" alt=";-)" /> . It also provides information on where to get and configure file comparison: WinMerge (Windows) and FileMerge (Mac).</p>
<p>NOTE: FileMerge is available free via Mac OS X Developer Tools XCode package, available from <a href="http://developer.apple.com/">http://developer.apple.com/</a> (free registration).</p>
]]></content:encoded>
			<wfw:commentRss>http://OurLil.com/blog/dreamweaver-configuring-third-party-file-compare-aka-diff/21/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mystery Bug &#8211; css-discuss</title>
		<link>http://OurLil.com/blog/mystery-bug-css-discuss/18/</link>
		<comments>http://OurLil.com/blog/mystery-bug-css-discuss/18/#comments</comments>
		<pubDate>Mon, 21 May 2007 18:45:59 +0000</pubDate>
		<dc:creator>webmaestro</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Hacks]]></category>
		<category><![CDATA[WebTech]]></category>

		<guid isPermaLink="false">http://OurLil.com/blog/mystery-bug-css-discuss/</guid>
		<description><![CDATA[The article below outlines a useful technique in identifying and resolving CSS â€˜bugsâ€™ and other problems. From the article overview: Mystery Bug &#8211; css-discuss CSS bugs can be obscenely difficult to isolate, especially when they are located amidst a large, complex page with many external style sheets. Compounding this is the fact that few coders [...]]]></description>
			<content:encoded><![CDATA[<p>The article below outlines a useful technique in identifying and resolving CSS â€˜bugsâ€™ and other problems.</p>
<p>From the article overview:</p>
<blockquote><p><a href="http://css-discuss.incutio.com/?page=MysteryBug">Mystery Bug &#8211; css-discuss</a><br />
CSS bugs can be obscenely difficult to isolate, especially when they are located amidst a large, complex page with many external style sheets. Compounding this is the fact that few coders have enough experience to be sure that what theyâ€™re seeing really IS a bug, and not just incorrect coding.</p>
<p>Often people will, when facing the Mystery Bug, just thrash about almost blindly, and only by pure luck will the answer be found. This need not be.</p>
<p>By following the procedure below, a clear understanding of the problem may be quickly obtained, freeing the coder to find a workaround or avoid the bug altogether.</p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://OurLil.com/blog/mystery-bug-css-discuss/18/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A couple of useful WebDev links&#8230;</title>
		<link>http://OurLil.com/blog/a-couple-of-useful-webdev-links-2/17/</link>
		<comments>http://OurLil.com/blog/a-couple-of-useful-webdev-links-2/17/#comments</comments>
		<pubDate>Mon, 21 May 2007 18:45:22 +0000</pubDate>
		<dc:creator>webmaestro</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Hacks]]></category>
		<category><![CDATA[Interactive Team]]></category>
		<category><![CDATA[WebTech]]></category>
		<category><![CDATA[nifty]]></category>

		<guid isPermaLink="false">http://OurLil.com/blog/a-couple-of-useful-webdev-links-2/</guid>
		<description><![CDATA[I thought Iâ€™d post a couple of links to some WebDev sites &#38; tools I use every day&#8230; FireFox Extensions Most of these are available on Mozillaâ€™s Recommended Addons site. Web Developer &#8211; Powerful Web Development tools for outlining DIVs, TABLEs, CSS, etc. User Agent Switcher &#8211; change the User Agent on a site or [...]]]></description>
			<content:encoded><![CDATA[<p>I thought Iâ€™d post a couple of links to some WebDev sites &amp; tools I use every day&#8230;</p>
<h2>FireFox Extensions</h2>
<p>Most of these are available on <a href="https://addons.mozilla.org/firefox/recommended/">Mozillaâ€™s Recommended Addons</a> site.</p>
<ul>
<li><a href="http://chrispederick.com/work/webdeveloper/">Web Developer</a> &#8211; Powerful Web Development tools for outlining DIVs, TABLEs, CSS, etc.<a href="http://chrispederick.com/work/webdeveloper/"><br />
</a></li>
<li><a href="http://chrispederick.com/work/useragentswitcher/">User Agent Switcher</a> &#8211; change the User Agent on a site or page (pretend your MSIE 6 or 5)</li>
<li><a href="https://addons.mozilla.org/en-US/firefox/addon/1843">Firebug</a> &#8211; edit, debug, and monitor CSS, HTML, and JavaScript live in any web page&#8230;</li>
<li><a href="https://addons.mozilla.org/firefox/748/">GreaseMonkey</a> &#8211; customize pages &amp; sites by adding your own â€˜user scriptsâ€™<a href="https://addons.mozilla.org/firefox/748/"><br />
</a></li>
<li><a href="https://addons.mozilla.org/firefox/1865/">AdBlock Plus</a> &#8211; block ads &amp; flash<a href="https://addons.mozilla.org/firefox/1865/"><br />
</a><strong>NOTE:</strong> If you need to show blocked ads (i.e., you need to see/test OAS ads <img src="http://blog.bad.freedom.com/wp-includes/images/smilies/icon_biggrin.gif" alt="-D" /> ), thereâ€™s an â€˜ABPâ€™ button next to the Google search bar (looks like a red or green stop sign). Click the little disclosure triangle next to the ABP button, and choose â€˜Disable on [site-url]â€™. If you need help, just ask!<a href="https://addons.mozilla.org/firefox/1865/"><br />
</a></li>
<li><a href="https://addons.mozilla.org/firefox/220/">FlashGot</a> &#8211; File/Image/Link downloader<a href="https://addons.mozilla.org/firefox/220/"><br />
</a></li>
<li><a href="https://addons.mozilla.org/firefox/1269/">Fasterfox</a> &#8211; page load timer (right-side of statusbar)</li>
</ul>
<h2>CSS Resources</h2>
<ul>
<li><a href="http://www.alistapart.com/">AlistAPart.com</a> &#8211; A great place for learning &amp; pilfering^H^H^H experimenting with CSS techniques.
<ul>
<li><a href="http://www.alistapart.com/articles/taminglists/">Taming Lists</a></li>
<li><a href="http://www.alistapart.com/articles/elastic/">Elastic Design</a></li>
<li><a href="http://www.alistapart.com/articles/cssdropshadows/">CSS Drop Shadows</a></li>
<li>â€¦the list goes on!</li>
</ul>
</li>
<li><a href="http://meyerweb.com/eric/css/">meyerweb.com/eric/css</a> &#8211; Eric Meyerâ€™s CSS site
<ul>
<li>CSS Edge &#8211; life on the edge!</li>
<li>â€¦thereâ€™s much more hereâ€¦</li>
</ul>
</li>
<li><a href="http://gallery.theopalgroup.com/selectoracle/">SelectORacle</a> &#8211; a nifty online tool for learning how CSS2 &amp; CSS3 selectors work</li>
<li><a href="http://people.opera.com/rijk/panels/panelizer.html">Rijkâ€™s panelizer</a> &#8211; adds W3Câ€™s CSS &amp; HTML specs to your Mozilla Sidebar
<ul>
<li>Just download the <a href="http://people.opera.com/rijk/panels/panels.zip">panelizer.zip</a>, place it somewhere handy &amp; unzip it. Then open the included â€˜panelizer.htmlâ€™ file, and click â€˜Add Panelâ€™. I created a â€˜Sidebarsâ€™ bookmark folder in my Bookmark Toolbar, and placed the â€˜bookmarksâ€™ in there.</li>
</ul>
</li>
</ul>
<h2>Mac Tools</h2>
<blockquote><p><strong>NOTE:</strong> The following contains Mac-only tools. If you are afraid of Macs, or have aversions to heights, please close your browser now. This message will self-destruct in five seconds. Good luck team!</p></blockquote>
<ul>
<li>TinkerTool (hidden Mac OS X settings, like double x double scrollbars):<br />
<a href="http://macupdate.com/info.php/id/5721">http://macupdate.com/info.php/id/5721</a></li>
<li>WebDevAdditions for Safari (Like Mozilla Web Developer for Safari):<br />
<a href="http://macupdate.com/info.php/id/17672">http://macupdate.com/info.php/id/17672</a></li>
<li>BatChmod (batch Chmod GUI for Mac OS X &#8211; Bonus: enables you to empty stubborn Trash)<a href="http://www.macupdate.com/info.php/id/6440">
<p>http://www.macupdate.com/info.php/id/6440</a></li>
<li>Pseudo (run apps as `sudo`):<a href="http://www.macupdate.com/info.php/id/5620">
<p>http://www.macupdate.com/info.php/id/5620</a></li>
<li>TextWrangler (freeware text editorâ€“BBEditâ€™s little brother)<a href="http://barebones.com/products/textwrangler/">
<p>http://barebones.com/products/textwrangler/</a></li>
</ul>
<p>Need help with any of the above? Just ask!</p>
]]></content:encoded>
			<wfw:commentRss>http://OurLil.com/blog/a-couple-of-useful-webdev-links-2/17/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

