<?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>Nerd &#187; osx</title>
	<atom:link href="http://nerd.vasilis.nl/category/osx/feed/" rel="self" type="application/rss+xml" />
	<link>http://nerd.vasilis.nl</link>
	<description>Vasilis van Gemert</description>
	<lastBuildDate>Mon, 09 May 2011 07:51:38 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Abort an Automator workflow</title>
		<link>http://nerd.vasilis.nl/abort-an-automator-workflow/</link>
		<comments>http://nerd.vasilis.nl/abort-an-automator-workflow/#comments</comments>
		<pubDate>Tue, 04 Aug 2009 21:05:43 +0000</pubDate>
		<dc:creator>Vasilis</dc:creator>
				<category><![CDATA[app]]></category>
		<category><![CDATA[mac]]></category>
		<category><![CDATA[nerd]]></category>
		<category><![CDATA[osx]]></category>
		<category><![CDATA[productivity]]></category>

		<guid isPermaLink="false">http://nerd.vasilis.nl/?p=88</guid>
		<description><![CDATA[I wanted to abort an OSX Automator workflow if there&#8217;s no internet connection. That function does not exist. It can be done by inserting the action Run Applescript though: try do shell script "curl www.apple.com" on error do shell script "killall name-of-this-script" end try Fill in the name of your Automator application and if there&#8217;s [...]<p><a href="http://nerd.vasilis.nl/abort-an-automator-workflow/">Abort an Automator workflow</a> is a post from: <a href="http://nerd.vasilis.nl">Nerd</a></p>
]]></description>
			<content:encoded><![CDATA[<p>I wanted to abort an OSX <a href="http://www.apple.com/automator/">Automator</a> workflow if there&#8217;s no internet connection. That function does not exist. It can be done by inserting the action Run Applescript though:</p>
<p><code>try<br />
	do shell script "curl www.apple.com"<br />
on error<br />
	do shell script "killall <em>name-of-this-script</em>"<br />
end try</code></p>
<p>Fill in the name of your Automator application and if there&#8217;s an error the script will terminate itself. This way you can build multiple checks. For instance I have another check that stops the automator workflow if a certain disk is not mounted. And suddenly Automator becomes a handy tool. </p>
<p><a href="http://nerd.vasilis.nl/abort-an-automator-workflow/">Abort an Automator workflow</a> is a post from: <a href="http://nerd.vasilis.nl">Nerd</a></p>
]]></content:encoded>
			<wfw:commentRss>http://nerd.vasilis.nl/abort-an-automator-workflow/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Equal height boxes with flexible widths</title>
		<link>http://nerd.vasilis.nl/equal-height-boxes-with-flexible-widths/</link>
		<comments>http://nerd.vasilis.nl/equal-height-boxes-with-flexible-widths/#comments</comments>
		<pubDate>Thu, 14 May 2009 20:52:30 +0000</pubDate>
		<dc:creator>Vasilis</dc:creator>
				<category><![CDATA[css]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[html 5]]></category>
		<category><![CDATA[nerd]]></category>
		<category><![CDATA[osx]]></category>
		<category><![CDATA[productivity]]></category>

		<guid isPermaLink="false">http://nerd.vasilis.nl/?p=66</guid>
		<description><![CDATA[My design buddies @work came up with one of the most complex layouts I ever had to build. You could desribe it as an elastic layout with boxes with a flexible width which should have the same height as it&#8217;s siblings. With rounded corners and dropshadows offcourse. But that would be too easy a description. [...]<p><a href="http://nerd.vasilis.nl/equal-height-boxes-with-flexible-widths/">Equal height boxes with flexible widths</a> is a post from: <a href="http://nerd.vasilis.nl">Nerd</a></p>
]]></description>
			<content:encoded><![CDATA[<p>My design buddies @work came up with one of the most complex layouts I ever had to build. You could desribe it as an elastic layout with boxes with a flexible width which should have the same height as it&#8217;s siblings. With rounded corners and dropshadows offcourse. But that would be too easy a description. There are templates with 2, 3 and 4 boxes next to each other and these boxes can be contained within containers with different widths. A cynic would ask me why I didn&#8217;t use tables and he would be right. It might have saved me a lot a hassle. But forget about tables.</p>
<p><span id="more-66"></span></p>
<p>One way to build a layout like this is to measure all possible box-sizes to the pixel, create all background-images for these boxes (a few hundred in this extreme case) and start writing a CSS file of a few thousand lines. I chose to see if there&#8217;s another way to do this, with less code and much less images (one). And here I present this other way.</p>
<p>Equal height cols with a flexible width</p>
<p>Basically what this technique comes down to is to place an absolutely positioned div inside a <em>statically positioned floating div</em> which is inside a <em>relatively positioned div</em> with overflow set to auto. The absolutely positioned div can inherit the left position and the width of its direct parent, but if you define its top and its bottom it will, off course, inherit these from the containing, relatively positioned div. And this relatively positioned div will get its height from the highest statically positioned floating div. Why didn&#8217;t you think of this before? (-:</p>
<p>Check out these examples</p>
<ol>
<li><a href="http://nerd.vasilis.nl/code/ehc/equal-height-col-01.html">Equal height cols with a flexible width</a>
<li><a href="http://nerd.vasilis.nl/code/ehc/equal-height-col-02.html">Equal height cols with a flexible width, a border and padding between the boxes</a>
<li><a href="http://nerd.vasilis.nl/code/ehc/equal-height-col-03.html">Equal height cols with a flexible width, padding between the boxes, rounded corners, dropshadows and flexible background-colors</a>
</ol>
<p>IE6 needs JavaScript. I didn&#8217;t bother to include it here. Opera needs an update in order to display this correctly, I filed a bugreport. IE7 has difficulties with percentages.</p>
<p><a href="http://nerd.vasilis.nl/equal-height-boxes-with-flexible-widths/">Equal height boxes with flexible widths</a> is a post from: <a href="http://nerd.vasilis.nl">Nerd</a></p>
]]></content:encoded>
			<wfw:commentRss>http://nerd.vasilis.nl/equal-height-boxes-with-flexible-widths/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>I need Zooom</title>
		<link>http://nerd.vasilis.nl/i-need-zooom/</link>
		<comments>http://nerd.vasilis.nl/i-need-zooom/#comments</comments>
		<pubDate>Wed, 21 Jan 2009 19:14:47 +0000</pubDate>
		<dc:creator>Vasilis</dc:creator>
				<category><![CDATA[app]]></category>
		<category><![CDATA[osx]]></category>
		<category><![CDATA[productivity]]></category>

		<guid isPermaLink="false">http://nerd.vasilis.nl/?p=24</guid>
		<description><![CDATA[It&#8217;s one of those apps you forget you have installed. You only remember you use it when you work on a computer that doesn&#8217;t have it. Zooom does two things. It lets you resize a window without the need to point exactly to that small square in the right bottom corner. And it lets you [...]<p><a href="http://nerd.vasilis.nl/i-need-zooom/">I need Zooom</a> is a post from: <a href="http://nerd.vasilis.nl">Nerd</a></p>
]]></description>
			<content:encoded><![CDATA[<p>It&#8217;s one of those apps you forget you have installed. You only remember you use it when you work on a computer that doesn&#8217;t have it. <a href="http://coderage-software.com/zooom/">Zooom</a> does two things. It lets you resize a window without the need to point exactly to that small square in the right bottom corner. And it lets you drag your windows without the need to point exactly to the title bar. You need it too. <!--[if IE]>Only on osx, sorry!<![endif]--></p>
<p><a href="http://nerd.vasilis.nl/i-need-zooom/">I need Zooom</a> is a post from: <a href="http://nerd.vasilis.nl">Nerd</a></p>
]]></content:encoded>
			<wfw:commentRss>http://nerd.vasilis.nl/i-need-zooom/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

