<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/atom10full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><feed xmlns="http://www.w3.org/2005/Atom" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" xml:lang="en-gb"><title type="text">jonathanhedren.com</title>
<subtitle type="text">Designer, developer, photographer and musician</subtitle>

<link rel="alternate" type="text/html" href="http://www.jonathanhedren.com/" />
<id>tag:www.jonathanhedren.com,2005:031de0c4d1a5365e1d9a6d8998bd1159</id>
<generator uri="http://textpattern.com/" version="4.2.0">Textpattern</generator>
<updated>2011-06-30T04:16:24Z</updated>
<author>
		<name>Jonathan Hedrén</name>
		
		<uri>http://www.jonathanhedren.com/</uri>
</author>

<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/atom+xml" href="http://feeds.feedburner.com/jonathanhedren" /><feedburner:info uri="jonathanhedren" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><entry>
		<author>
			<name>Jonathan Hedrén</name>
		</author>
		<published>2010-05-13T12:12:15Z</published>
		<updated>2010-05-13T13:15:29Z</updated>
		<title type="html">joh_flattr: a Textpattern plugin for Flattr [1]</title>
		<link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/jonathanhedren/~3/c0YOlXCDFk8/joh_flattr-a-textpattern-plugin-for-flattr" />
		<id>tag:www.jonathanhedren.com,2010-05-13:031de0c4d1a5365e1d9a6d8998bd1159/a712ef8467368d98efa97d5b323ca936</id>
		
		
		<content type="html">
<![CDATA[<p>
	I got my <a href="https://flattr.com">Flattr</a> invitation today and realized that a <a href="http://www.textpattern.com">Textpattern</a> plugin was missing, so I wrote one. The plugin displays a <a href="https://flattr.com/">Flattr</a> button where the <code>&lt;txp:joh_flattr /&gt;</code>-tag is used.</p>
<p>
	<strong><a href="http://www.jonathanhedren.com/files/joh_flattr_v0.1.txt">Download the joh_flattr Textpattern plugin</a></strong></p>
<h2>
	Example usage:</h2>
<p>
	<code>&lt;txp:joh_flattr uid=&quot;1234&quot; title=&quot;My flatter entry title&quot; description=&quot;The description of the flatter entry&quot; /&gt;</code></p>
<h2>
	Parameters</h2>
<dl>
	<dt>
		uid</dt>
	<dd>
		Your personal Flattr user id. <em>Required.</em></dd>
	<dt>
		title</dt>
	<dd>
		The title of the thing you want to submit. <em>Defaults to the article title and falls back to the sitename if omitted. The contents of a custom field named &quot;joh_flattr_title&quot; will override any default value or parameter value.</em></dd>
	<dt>
		description</dt>
	<dd>
		The full excerpt of the content. <em>Defaults to the article excerpt and falls back to the site slogan if there is no current article. The contents of a custom field named &quot;joh_flattr_description&quot; will override any default value or parameter value.</em></dd>
	<dt>
		category</dt>
	<dd>
		The flattr category the content belongs to. You can choose between the following: text, images, video, audio, software, rest. <em>Required. The contents of a custom field named &quot;joh_flattr_category&quot; will override any default value or parameter value.</em></dd>
	<dt>
		language</dt>
	<dd>
		The language code of the submitted thing. Defaults to &#39;en_GB&#39;. <a href="https://flattr.com/support/integrate/languages">See a list of supported language codes</a></dd>
	<dt>
		tag</dt>
	<dd>
		Tag your Flattr thing. Multiple tags can be used by separating them with commas. <em>The contents of a custom field named &quot;joh_flattr_tag&quot; will override any default value or parameter value.</em></dd>
	<dt>
		url</dt>
	<dd>
		The URL of your Flattr thing. Defaults to the requested URL.</dd>
	<dt>
		compact</dt>
	<dd>
		If this parameter is set to &quot;true&quot; the compact button type will be used.</dd>
</dl>
<p>
	I hope you&#39;ll find the plugin useful. If you find any bugs or have any questions, please post them in the <a href="http://forum.textpattern.com/viewtopic.php?id=33698">Textpattern forum support thread</a></p>]]>
</content>
<feedburner:origLink>http://www.jonathanhedren.com/weblog/joh_flattr-a-textpattern-plugin-for-flattr</feedburner:origLink></entry>
<entry>
		<author>
			<name>Jonathan Hedrén</name>
		</author>
		<published>2008-11-08T20:17:52Z</published>
		<updated>2008-12-21T13:29:55Z</updated>
		<title type="html">Preamp Emulator - add a tube touch to your digital sounds</title>
		<link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/jonathanhedren/~3/fyEbWMYMNhY/preamp-emulator-add-a-tube-touch-to-your-digital-sounds" />
		<id>tag:www.jonathanhedren.com,2008-11-08:031de0c4d1a5365e1d9a6d8998bd1159/df28e9331cec308cdbd4e4ab11ea4d6d</id>
		
		
		<content type="html">
<![CDATA[<p><img src="http://www.jonathanhedren.com/images/9.jpg" alt="" width="500" height="92" /></p>

	<p>Today I stumbled upon a great freeware <span class="caps">VST</span>-plugin: <a href="http://www.mcrow.net/Preamp%20Emulator%20VST.htm" title="Go to the developer&#39;s web site"><strong>Preamp Emulator</strong></a>. It is basically a tube preamp emulator that creates that warm and rich sound that you expect from a tube amplifier. I was very impressed with what this little plugin accomplished and will probably use it a lot in my projects. </p>

	<p>Go to the <a href="http://www.mcrow.net/Preamp%20Emulator%20VST.htm">developers web site</a> to download and try it out.</p>]]>
</content>
<feedburner:origLink>http://www.jonathanhedren.com/weblog/preamp-emulator-add-a-tube-touch-to-your-digital-sounds</feedburner:origLink></entry>
<entry>
		<author>
			<name>Jonathan Hedrén</name>
		</author>
		<published>2008-08-09T09:46:46Z</published>
		<updated>2008-08-09T16:41:20Z</updated>
		<title type="html">How to lock text vertically with CSS</title>
		<link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/jonathanhedren/~3/5qFiQ1NQhxM/how-to-lock-text-vertically-with-css" />
		<id>tag:www.jonathanhedren.com,2008-08-09:031de0c4d1a5365e1d9a6d8998bd1159/2ceb320ed17d871b793e29090c6cee80</id>
		
		
		<content type="html">
<![CDATA[<p>When I create a web site I always take a look on it when increasing the text size to 125% in the browser. This is to ensure that the site also looks ok for my grand mother and other people who, for example, is a visually impaired. If the design is quite simple it usually looks good. However if it&#8217;s a more complex design with for example a horizontal meny with a defined height, the text usually becomes misaligned vertically (and sometimes push following content down so the design breaks). Usually this doesn&#8217;t matter, but it can be a bit annoying, so to avoid this I use the following technique.</p>

	<p><strong>Note that this technique is only working on non-wrapped text. It is also obsolete in some newer browsers with zoom capability.</strong></p>

	<p>First I&#8217;ll demonstrate the common way to vertically align text. Then I&#8217;ll show you how to do it my way.</p>

	<p>Let&#8217;s start out with some html. This is a simple example with an unordered list that we&#8217;ll use as a menu:</p>

<pre>
<code>&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot;
&quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; xml:lang=&quot;en&quot; lang=&quot;en&quot;&gt;
 &lt;head&gt;
  &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot; /&gt;
  &lt;title&gt;Example&lt;/title&gt;
  &lt;style type=&quot;text/css&quot; media=&quot;screen&quot;&gt;
  &lt;/style&gt;
 &lt;/head&gt;
 &lt;body&gt;
  &lt;ul id=&quot;menu&quot;&gt;
   &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Menuitem 1&lt;/a&gt;&lt;/li&gt;
   &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Menuitem 2&lt;/a&gt;&lt;/li&gt;
   &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Menuitem 3&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
 &lt;/body&gt;
&lt;/html&gt;
</code>
</pre>

	<p>We&#8217;ll then apply some basic <acronym title="Cascading Style Sheets"><span class="caps">CSS</span></acronym> to add some basic formatting and make the menu horizontal, have a background color and a height:</p>

<pre>
<code>* { margin: 0; padding: 0; }
body { 
 font: 76%/175% Verdana, Tahoma, sans-serif;
 background: #fff;
}
#menu { 
 background: #222; 
 height: 30px;
 overflow: hidden;
}
#menu a { 
 float: left;
 color: #eee;
 padding: 0 10px;
 line-height: 30px;
}
</code>
</pre>

	<p>Setting the line-height on <code>#menu a</code> to the same value as the height on <code>#menu</code> is a quite common way to vertically align text. So far the menu looks like this (there is also a <a href="http://www.jonathanhedren.com/examples/vertical-text-align-example1.html">live example</a>):</p>

	<p><img src="http://www.jonathanhedren.com/images/4.png" alt="" width="500" height="30" /></p>

	<p>But this is what happens if we increase the font size to 125% in Firefox:</p>

	<p><img src="http://www.jonathanhedren.com/images/5.png" alt="" width="500" height="30" /></p>

	<p>The text is vertically misaligned. Not so neat. Let&#8217;s fix it by changing our <acronym title="Cascading Style Sheets"><span class="caps">CSS</span></acronym> a bit:</p>

<pre>
<code>#menu a { 
 float: left;
 color: #eee;
 padding: 14px 10px 15px;
 height: 1px;
 line-height: 1px;
}
</code>
</pre>

	<p>As you can see, I changed the line-height and height to 1px and &#8220;substituted&#8221; them for some padding on the top and bottom. Now the vertical alignment is fixed even if you increase the font size (see <a href="http://www.jonathanhedren.com/examples/vertical-text-align-example2.html">live example 2</a>). </p>]]>
</content>
		<summary type="html">
<![CDATA[<p>When I create a web site I always take a look on it when increasing the text size to 125% in the browser. This is to ensure that the site also looks ok for my grand mother and other people who, for example, is a visually impaired. If the design is quite simple it usually looks good. However if it&#8217;s a more complex design with for example a horizontal meny with a defined height, the text usually becomes misaligned vertically (and sometimes push following content down so the design breaks). Usually this doesn&#8217;t matter, but it can be a bit annoying, so to avoid this I use the following technique.</p>]]>
</summary>
<feedburner:origLink>http://www.jonathanhedren.com/weblog/how-to-lock-text-vertically-with-css</feedburner:origLink></entry>
<entry>
		<author>
			<name>Jonathan Hedrén</name>
		</author>
		<published>2008-08-08T08:15:04Z</published>
		<updated>2008-12-21T13:28:47Z</updated>
		<title type="html">How to enable multiple output channels for VST instruments in Cubase 4 [17]</title>
		<link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/jonathanhedren/~3/Lej541T7jW8/how-to-enable-multiple-output-channels-for-vst-instruments-in-cubase-4" />
		<id>tag:www.jonathanhedren.com,2008-08-08:031de0c4d1a5365e1d9a6d8998bd1159/b18823559833e179ad8709cd26a669fc</id>
		
		
		<content type="html">
<![CDATA[<p>I recently bought <a href="http://www.steinberg.net/en/products/musicproduction/cubaseessential4_product.html" title="Music production software made by Steinberg.">Cubase 4 Essential</a>. As I&#8217;ve been running both Cubase LE and Cubase SX 3 before I got quite confused when I only got one single stereo output from <a href="http://www.toontrack.com/ezdrummer.asp" title="A drum sampler made by Toontrack.">ezDrummer</a> when loaded as a <span class="caps">VST</span> instrument. A single stereo output is <em>very</em> limiting when working with drums and the internal mixer in <a href="http://www.toontrack.com/ezdrummer.asp" title="A drum sampler made by Toontrack.">ezDrummer</a> is also quite limited. So I started to scratch my head, thinking that it maybe was a limitation in Essential. That would had been strange though, as even the smallest guy in the Cubase family, LE, has support for multiple outputs for <span class="caps">VST</span>&#8217;s. </p>

	<p>Well, after spending some time searching on Google and <a href="http://www.cubase.net">cubase.net</a> I found a solution: <strong>Open the <span class="caps">VST</span> Instruments panel by pressing F11 and load your <span class="caps">VST</span> instrument. Press the icon I&#8217;ve marked with a red border in the image below and choose &#8220;Activate All Outputs&#8221; and you&#8217;re done.</strong> </p>

	<p><img src="http://www.jonathanhedren.com/images/3.png" alt="" width="265" height="228" /></p>

	<p>Pretty simple, but the new <acronym title="Graphical User Interface"><span class="caps">GUI</span></acronym> in Cubase 4 has a bit too low contrast I think, and makes such small icons easy to miss. Overall I think Steinberg could work a bit more on the usability. The <acronym title="Graphical User Interface"><span class="caps">GUI</span></acronym> is slick and looks nice, but I want more tooltips! Cubase is of course a quite complex application with a wide user base so Steinberg&#8217;s <acronym title="Graphical User Interface"><span class="caps">GUI</span></acronym> designers must have a hard time adding features while not breaking conventions.</p>

	<p>Note that the new &#8220;Instrument track&#8221; is limited to one stereo output, so if you want multiple outputs, you&#8217;ll have to do it the old way (i.e. create a midi track and choose your <span class="caps">VST</span> instrument as output). </p>]]>
</content>
		<summary type="html">
<![CDATA[<p>I recently bought <a href="http://www.steinberg.net/en/products/musicproduction/cubaseessential4_product.html" title="Music production software made by Steinberg.">Cubase 4 Essential</a>. As I&#8217;ve been running both Cubase LE and Cubase SX 3 before I got quite confused when I only got one single stereo output from <a href="http://www.toontrack.com/ezdrummer.asp" title="A drum sampler made by Toontrack.">ezDrummer</a> when loaded as a <span class="caps">VST</span> instrument. A single stereo output is <em>very</em> limiting when working with drums and the internal mixer in <a href="http://www.toontrack.com/ezdrummer.asp" title="A drum sampler made by Toontrack.">ezDrummer</a> is also quite limited. So I started to scratch my head, thinking that it maybe was a limitation in Essential. That would had been strange though, as even the smallest guy in the Cubase family, LE, has support for multiple outputs for <span class="caps">VST</span>&#8217;s. </p>]]>
</summary>
<feedburner:origLink>http://www.jonathanhedren.com/weblog/how-to-enable-multiple-output-channels-for-vst-instruments-in-cubase-4</feedburner:origLink></entry>
<entry>
		<author>
			<name>Jonathan Hedrén</name>
		</author>
		<published>2008-07-08T07:47:18Z</published>
		<updated>2008-11-28T22:21:41Z</updated>
		<title type="html">Evolution</title>
		<link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/jonathanhedren/~3/1iWhS8cDTXU/evolution" />
		<id>tag:www.jonathanhedren.com,2008-08-18:031de0c4d1a5365e1d9a6d8998bd1159/65a9e067cbb1ec94c4572ed6ce2b315c</id>
		
		
		<content type="html">
<![CDATA[<p>Quite heavy post processing done on this one. It turned out to be a quite nice abstract.</p>]]>
</content>
<feedburner:origLink>http://www.jonathanhedren.com/work/evolution</feedburner:origLink></entry>
<entry>
		<author>
			<name>Jonathan Hedrén</name>
		</author>
		<published>2008-04-22T02:11:33Z</published>
		<updated>2008-11-28T22:16:15Z</updated>
		<title type="html">Imprisoned [3]</title>
		<link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/jonathanhedren/~3/qcTVoQ9MFNo/imprisoned" />
		<id>tag:www.jonathanhedren.com,2008-08-18:031de0c4d1a5365e1d9a6d8998bd1159/5aa37c36f7b59acb4aba043fee087ae0</id>
		
		
		<content type="html">
<![CDATA[<p>Some spiral fire stairs in front of an arched brickwall which I took quite some shots of. This one turned to be the best after some post-processing (cropped to 3:2, desaturated, colorized, levels adjusted). I like the &#8216;multi-dimension&#8217; of it &#8211; the play between light and dark; the lines intersecting with each other and the sepia-tone together with the brickwall that somehow makes me think of the Middle Ages.</p>]]>
</content>
<feedburner:origLink>http://www.jonathanhedren.com/work/imprisoned</feedburner:origLink></entry>
<entry>
		<author>
			<name>Jonathan Hedrén</name>
		</author>
		<published>2008-02-05T14:47:29Z</published>
		<updated>2008-11-28T22:20:33Z</updated>
		<title type="html">Blackwater park [2]</title>
		<link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/jonathanhedren/~3/iOz8DEdhSIg/blackwater-park" />
		<id>tag:www.jonathanhedren.com,2008-08-18:031de0c4d1a5365e1d9a6d8998bd1159/206a7345e4d407796eb8845df84958b5</id>
		
		
		<content type="html">
<![CDATA[<p>Took this on a trip to a nearby nature reserve this summer. At a first glance I thought that this was just another landscape-shot, but the more and more I looked at it the better I thought about it. There&#8217;s just so much to fixate on&#8230; The black &#8220;oily&#8221; lake together with the rich colors and incoming clouds creates really nice contrasts.</p>

	<p>Not so much postprocessing done on this, just some editing in Camera Raw and levels adjustments.</p>]]>
</content>
<feedburner:origLink>http://www.jonathanhedren.com/work/blackwater-park</feedburner:origLink></entry>
<entry>
		<author>
			<name>Jonathan Hedrén</name>
		</author>
		<published>2007-12-25T10:38:53Z</published>
		<updated>2008-11-28T22:19:55Z</updated>
		<title type="html">Giants [2]</title>
		<link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/jonathanhedren/~3/BdNxuuSgnmc/giants" />
		<id>tag:www.jonathanhedren.com,2008-08-18:031de0c4d1a5365e1d9a6d8998bd1159/66fe66e2626b704d8b2f5cd152ba82a7</id>
		
		
		<content type="html">
<![CDATA[<p>I took a lot of pictures of buildings and skyscrapers when I went on vacation to New York this summer. In fact a took so many shots that I got kind of bored sorting them out :/ Now I got some time to play around with some of them though, and this is the result. Intentional darkness and (extreme) contrast to make the shapes prominent. </p>]]>
</content>
<feedburner:origLink>http://www.jonathanhedren.com/work/giants</feedburner:origLink></entry>
<entry>
		<author>
			<name>Jonathan Hedrén</name>
		</author>
		<published>2007-08-09T03:00:50Z</published>
		<updated>2008-11-28T22:19:17Z</updated>
		<title type="html">Sky-high [8]</title>
		<link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/jonathanhedren/~3/kVzYf8FOqMA/sky-high" />
		<id>tag:www.jonathanhedren.com,2008-08-18:031de0c4d1a5365e1d9a6d8998bd1159/b5853832ab552e5ec636b5fb87358254</id>
		
		
		<content type="html">
<![CDATA[<p>Shot this a couple months ago and &#8220;refound&#8221; it today when I went through my imagebank. I like the simplicity and colours a lot. It&#8217;s cropped to an aspect ratio of 1:2 to enhance the height of the pole. Postprocessed in Camera Raw and Photoshop.</p>

	<p>Updated &#8211; I moved the pole off center</p>]]>
</content>
<feedburner:origLink>http://www.jonathanhedren.com/work/sky-high</feedburner:origLink></entry>
<entry>
		<author>
			<name>Jonathan Hedrén</name>
		</author>
		<published>2007-07-08T03:53:58Z</published>
		<updated>2008-11-28T22:18:42Z</updated>
		<title type="html">No. 550 [3]</title>
		<link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/jonathanhedren/~3/jdAGKA9TNhE/no-550" />
		<id>tag:www.jonathanhedren.com,2008-08-18:031de0c4d1a5365e1d9a6d8998bd1159/d4008f5cb4ca923b767540ee225d2a5e</id>
		
		
		<content type="html">
<![CDATA[<p>Shot in the Museum of Modern Art, New York. I&#8217;ve removed some small spotlights from the ceiling to make it a bit &#8220;cleaner&#8221;. Quite a lot adjustments done in Camera Raw and Photoshop.</p>]]>
</content>
<feedburner:origLink>http://www.jonathanhedren.com/work/no-550</feedburner:origLink></entry></feed>

