<?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>Freelance Frank &#187; Technique</title>
	<atom:link href="http://www.freelance-frank.com/freelance-central/category/technique/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.freelance-frank.com/freelance-central</link>
	<description>Custom online coding solutions - PHP : MySQL : CMS : SEO</description>
	<lastBuildDate>Sat, 20 Feb 2010 08:34:01 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.5</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>jQuery and Quadratic Functions</title>
		<link>http://www.freelance-frank.com/freelance-central/2010/01/05/jquery-and-quadratic-functions/</link>
		<comments>http://www.freelance-frank.com/freelance-central/2010/01/05/jquery-and-quadratic-functions/#comments</comments>
		<pubDate>Tue, 05 Jan 2010 15:04:07 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Code]]></category>
		<category><![CDATA[JQuery]]></category>
		<category><![CDATA[Technique]]></category>

		<guid isPermaLink="false">http://www.freelance-frank.com/freelance-central/?p=165</guid>
		<description><![CDATA[As x changes in value, the quadratic function: f(x) = ax2+bx+c describes a parabola &#8211; an arc through space &#8211; in terms of a two dimensional axis where x describes the vertical and f(x) describes the horizontal points at intervals.
Quadratic functions also allow for a fun afternoon combining the jQuery form plugin with the jpgraph [...]]]></description>
			<content:encoded><![CDATA[<p>As x changes in value, the quadratic function: <strong>f(x) = ax<sup>2</sup>+bx+c </strong>describes a parabola &#8211; an arc through space &#8211; in terms of a two dimensional axis where x describes the vertical and f(x) describes the horizontal points at intervals.</p>
<div id="attachment_167" class="wp-caption aligncenter" style="width: 330px"><img class="size-full wp-image-167" title="The graphic result of a quadratic function" src="http://www.freelance-frank.com/freelance-central/wp-content/uploads/2010/01/parabola1.jpg" alt="The graphic result of a quadratic function" width="320" height="220" /><p class="wp-caption-text">The graphic result of a quadratic function</p></div>
<p>Quadratic functions also allow for a fun afternoon combining the <a title="Quadratic functions and the jQuery form plugin" href="http://jquery.malsup.com/form/" target="_blank">jQuery form plugin</a> with the <a title="Quadratic functions and jpgraph - a link" href="http://www.aditus.nu/jpgraph/" target="_blank">jpgraph PHP library</a>. I started out with a simple PHP function to produce a range of f(x) values for any set of values x. I then built a form to allow any value for a, b and c to be input as well as the maximum and minimum for x and the steps that x takes. Once that was working, I passed the results into two arrays and passed those to jpgraph which produces a graphical image on the fly and stores it on the server. Finally, to avoid page refreshes, I wrapped the form around the jQuery &#8216;plugin&#8217; (can these properly be called plugins? I suppose so&#8230;) The result is a simple and relatively intuitive visual demonstration of the relationship between mathematics and geometry. In fact, expanding that out, the relationship is actually between mathematical logic, computation and optics &#8211; but that gets us into a kind of crazy Turing territory and lines have to be drawn somewhere.</p>
<p><a title="Freelance Frank's Quadratic Functions" href="http://www.freelance-frank.com/freelance-central/functions/quad.php">Try it out here</a></p>
<p>For the future, I would like to be able to produce more accurate and extensible graphs for larger number ranges, and to plug the whole thing into calculus, to really push the spatial theme. But this is something of a start and it is perhaps the simplest demonstration of the more general relationship.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.freelance-frank.com/freelance-central/2010/01/05/jquery-and-quadratic-functions/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The optimal way to set images in a post</title>
		<link>http://www.freelance-frank.com/freelance-central/2009/12/07/the-optimal-way-to-set-photos-in-a-post/</link>
		<comments>http://www.freelance-frank.com/freelance-central/2009/12/07/the-optimal-way-to-set-photos-in-a-post/#comments</comments>
		<pubDate>Mon, 07 Dec 2009 16:18:46 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Technique]]></category>

		<guid isPermaLink="false">http://www.freelance-frank.com/freelance-central/?p=121</guid>
		<description><![CDATA[The Baby Diaries are an annual feature at Vivid Magazine, a glossy pub for ex-pats in the country that I designed the web site for. The conceit, babies talking as if they were adults, is not my favorite but I was able to contribute something to the site by ensuring the baby images were lined [...]]]></description>
			<content:encoded><![CDATA[<p>The <a href="http://www.vivid.ro/index.php/issue/100/page/Diary/tstamp/1259942407">Baby Diaries</a> are an annual feature at <a href="http://www.vivid.ro">Vivid Magazine</a>, a glossy pub for ex-pats in the country that I designed the web site for. The conceit, babies talking as if they were adults, is not my favorite but I was able to contribute something to the site by ensuring the baby images were lined up with the text so that the little creature&#8217;s eyelines went towards the text, where possible.  If a baby is looking to the left, then the image is right aligned, and vice versa. This is something I have been doing intuitively since I created the site. An image can be put to good use leading the eye of the reader into the text of an article &#8211; especially if it is otherwise of low quality ,as in the example here. The human gaze is best for this &#8211; or else a face looking to the left or right. Failing that, the composition of the image should be your guide. Wherever the composition leads the eye, then the image should be aligned accordingly.</p>
<p><img src="http://www.freelance-frank.com/freelance-central/wp-content/uploads/2009/12/viv_wide.jpg" alt="An early cover from Vivid magazine" title="An early cover from Vivid magazine" width="320" height="220" class="aligncenter size-full wp-image-127" /></p>
<p>While I am writing about Vivid, I ought to briefly mention the nifty jQuery vertical scroller that I have installed on the right hand side column for the <a href="http://www.vivid.ro">front page of the site</a>. The editor has long wanted to show off the covers of all past issues, and I thought this was the most economical and user-friendly way to do it. I also linked each cover to the subscriptions page on the site, because it&#8217;s always worth getting the best economical advantage out of any addition.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.freelance-frank.com/freelance-central/2009/12/07/the-optimal-way-to-set-photos-in-a-post/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
