<?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>onymous &#187; Development</title>
	<atom:link href="http://levi.nohakostudios.net/category/development/feed/" rel="self" type="application/rss+xml" />
	<link>http://levi.nohakostudios.net</link>
	<description>designed and coded by Levi Ong</description>
	<lastBuildDate>Fri, 05 Feb 2010 11:42:22 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Paranoia by Nohako Studios</title>
		<link>http://levi.nohakostudios.net/2009/10/paranoia-by-nohako-studios/</link>
		<comments>http://levi.nohakostudios.net/2009/10/paranoia-by-nohako-studios/#comments</comments>
		<pubDate>Wed, 14 Oct 2009 16:37:16 +0000</pubDate>
		<dc:creator>phi</dc:creator>
				<category><![CDATA[Announcement]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[Technology]]></category>

		<guid isPermaLink="false">http://levi.nohakostudios.net/?p=281</guid>
		<description><![CDATA[Hey, everyone. This is Philip, Levi&#8217;s good friend from way back in grade school. Levi has graciously given me this space [1] to plug our entry for Smart&#8217;s Mobile Developer Competition: Paranoia. Please do consider voting for us. Why?
Paranoia is an application for Google Android mobile phones that aims to assist in the tracking and [...]]]></description>
			<content:encoded><![CDATA[<p>Hey, everyone. This is Philip, Levi&#8217;s good friend from way back in grade school. Levi has graciously given me this space <sup>[1]</sup> to plug our entry for Smart&#8217;s Mobile Developer Competition: Paranoia. Please do consider voting for us. Why?</p>
<p><a href="http://paranoia.nohakostudios.net">Paranoia</a> is an application for Google Android mobile phones that aims to assist in the tracking and retrieval of lost or stolen devices. Interested?</p>
<p><span id="more-281"></span></p>
<p>We provide tracking via GPS or Wi-Fi positioning, and Call/Text Activity Logging. This allows you to get the location of your phone, and see calls placed or texts made with it. How does it know?</p>
<p>You alert your phone either through our online web service, or through SMS text commands if you do not want to register with us. (We understand your <em>paranoia</em> too. ;)</p>
<p>Want to see it in action? Check out our YouTube video below:</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="295" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/RlSCMIKe0NY&amp;hl=en&amp;fs=1&amp;rel=0&amp;cc_load_policy=1" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="480" height="295" src="http://www.youtube.com/v/RlSCMIKe0NY&amp;hl=en&amp;fs=1&amp;rel=0&amp;cc_load_policy=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>I think you&#8217;ll agree that our app is awesome. So head on over to the voting site ( <a href="http://vote.smartvasnet.com/mobdev/">http://vote.smartvasnet.com/mobdev/</a> ) and vote for us!</p>
<p>&#8212;-</p>
<p><sup><strong>1</strong></sup> &#8211; Actually, I <a title="LIKE A BOSS" href="http://www.youtube.com/watch?v=NisCkxU544c">help run and manage</a> this site, and provide the space, if you didn&#8217;t notice in his earlier posts. (Though Wil does help a lot.)</p>
<p>So <a title="VOTE VOTE VOTE" href="http://vote.smartvasnet.com/mobdev/">vote</a> for <a href="http://paranoia.nohakostudios.net">Paranoia</a> from Nohako Studios, or I&#8217;ll pull the plug on the blog and throw his laptop <a title="THROW IT ON THE GROUND" href="http://www.youtube.com/watch?v=whwFlTrqWZ0" target="_blank">on the ground</a>, and you will never again get to read and enjoy his scathing indictments of whatever happens to annoy him.</p>
<p>I will also eat his face. ;)</p>
]]></content:encoded>
			<wfw:commentRss>http://levi.nohakostudios.net/2009/10/paranoia-by-nohako-studios/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Aligning a Grid to a Baseline (Part 2)</title>
		<link>http://levi.nohakostudios.net/2009/08/aligning-a-grid-to-a-baseline-part-2/</link>
		<comments>http://levi.nohakostudios.net/2009/08/aligning-a-grid-to-a-baseline-part-2/#comments</comments>
		<pubDate>Thu, 20 Aug 2009 16:23:23 +0000</pubDate>
		<dc:creator>Levi</dc:creator>
				<category><![CDATA[Announcement]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[alignment]]></category>
		<category><![CDATA[baseline]]></category>
		<category><![CDATA[grid]]></category>

		<guid isPermaLink="false">http://levi.nohakostudios.net/?p=189</guid>
		<description><![CDATA[A while back, I talked about an equation I developed to align a grid to a baseline in order to speed up my print design process. A couple of people commented, saying that you guys could benefit from a visual representation to visualize just how the equation works.
So I&#8217;d like to let you know that [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://levi.nohakostudios.net/2009/08/aligning-a-grid-to-a-baseline/">A while back</a>, I talked about an equation I developed to align a grid to a baseline in order to speed up my print design process. A couple of people commented, saying that you guys could benefit from a visual representation to visualize just how the equation works.</p>
<p>So I&#8217;d like to let you know that I&#8217;ve been hard at work these past couple of days to fulfill that request and that I&#8217;m happy to announce the release of <a href="http://levi.nohakostudios.net/stuff/BaselineAlignedGrid(1.0).swf">Baseline Aligned Grid</a>. I got a little carried away, and went past &#8220;visual representation&#8221; and into &#8220;web application&#8221;. So hopefully, you guys will get some use out of it. I know I will.<span id="more-189"></span></p>
<p>If you have any problems with the application, please don&#8217;t hesitate to email me at levi.ong@gmail.com or simply comment here. For simple questions regarding operation, just comment here, so everyone can have the benefit of seeing the question/answer.</p>
<p>And now, a screenshot:<br />
<img class="aligncenter size-full wp-image-190" title="BAG screenshot" src="http://levi.nohakostudios.net/wp-content/uploads/2009/08/Picture-4.png" alt="BAG screenshot" width="522" height="408" /><br />
I&#8217;ve already linked to the app a couple of paragraphs ago, but just for good measure:</p>
<p><a class="featuredlink" href="http://levi.nohakostudios.net/stuff/BaselineAlignedGrid(1.0).swf">Baseline Aligned Grid »</a></p>
]]></content:encoded>
			<wfw:commentRss>http://levi.nohakostudios.net/2009/08/aligning-a-grid-to-a-baseline-part-2/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Aligning a Grid to a Baseline</title>
		<link>http://levi.nohakostudios.net/2009/08/aligning-a-grid-to-a-baseline/</link>
		<comments>http://levi.nohakostudios.net/2009/08/aligning-a-grid-to-a-baseline/#comments</comments>
		<pubDate>Tue, 04 Aug 2009 12:51:55 +0000</pubDate>
		<dc:creator>Levi</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[alignment]]></category>
		<category><![CDATA[baseline]]></category>
		<category><![CDATA[grid]]></category>
		<category><![CDATA[grids]]></category>

		<guid isPermaLink="false">http://levi.nohakostudios.net/?p=100</guid>
		<description><![CDATA[For those of you who are unfamiliar with grids in terms of design, grids are an excellent tool for giving structure and form to a layout, be it in print or in web. This blog is an example of a gridded design. Note how the whole length of the site is divided into six major [...]]]></description>
			<content:encoded><![CDATA[<p>For those of you who are unfamiliar with grids in terms of design, grids are an excellent tool for giving structure and form to a layout, be it in print or in web. This blog is an example of a gridded design. Note how the whole length of the site is divided into six major columns with the navigation buttons, the article alignments, etc&#8230; all falling in line with the grid. <a href="http://www.subtraction.com/2004/12/31/grid-computi">Khoi Vinh</a> and <a href="http://www.markboulton.co.uk/articles/detail/five_simple_steps_to_designing_grid_systems/">Mark Boulton</a> have excellent pieces on this subject.</p>
<p>Chances are if you haven&#8217;t read those articles or haven&#8217;t taken a class in information design or a course similar to that, you won&#8217;t understand anything that will follow. Of course, you&#8217;re welcome to read on, but I strongly suggest you check out the recommended reading.</p>
<p>Today I will be discussing how to align a grid to a baseline. More specifically, aligning a grid <em>row to a baseline.</em><span id="more-100"></span></p>
<p>I don&#8217;t know if this topic has been discussed before, but I&#8217;m pretty sure my equation is unique. So if anybody else has produced the same equation, rest assured, I developed this independently. What I&#8217;ll show you today is how to turn this:</p>
<div id="attachment_103" class="wp-caption aligncenter" style="width: 310px"><img class="size-medium wp-image-103 " title="Baseline unaligned" src="http://levi.nohakostudios.net/wp-content/uploads/2009/08/Baseline-unaligned-300x222.png" alt="The horror" width="300" height="222" /><p class="wp-caption-text">Baseline at 15 pt, margins at 3 picas, and much horror.</p></div>
<p>into this:</p>
<div id="attachment_106" class="wp-caption aligncenter" style="width: 310px"><img class="size-medium wp-image-106 " title="Baseline aligned" src="http://levi.nohakostudios.net/wp-content/uploads/2009/08/Baseline-aligned1-300x220.png" alt="Much better. Calculations resulted in upper and lower margins of 3 picas, 7.5 pts." width="300" height="220" /><p class="wp-caption-text">Much better. Calculations resulted in upper and lower margins of 3 picas, 7.5 pts. (Added: Columns. Don&#39;t mind them.)</p></div>
<p>Using this equation:</p>
<p><span class="equation">B*N*(A+1) &#8211; B = P-r <span class="equation-caption">(eq.1)</span></span></p>
<p>Where:<br />
B = The gutter size as well as the leading/line-height (pretty much, the <em>baseline</em><br />
N = The number of row divisions you&#8217;d like<br />
P = The total page height<br />
r = The &#8220;remainder&#8221;, or the sum of both the top and bottom margins (if the top and bottom margins are equal, than r = 2m, given that m is the margin height)</p>
<p>A = The number of baseline-heights contained inside a single row. (Obtained via trial-and-error) Must be an integer. Usually ranges from 3 to 8.</p>
<p>The &#8220;A&#8221; variable may need some explaining, but perhaps it&#8217;d be better if I helped you visualize the equation in its entirety.</p>
<p>Let&#8217;s expand the first term into:</p>
<p><span class="equation">N*(B*A+B) <span class="equation-caption">(eq.2)</span></span></p>
<p>Think of B*A as the total row height, and B as the gutter. N is the number of rows. So if you add the total row height and the gutter, then multiply it by the number of rows, you get a series of rows with an extra gutter at the end. This is what the second term does: it subtracts that extra gutter.</p>
<p>This leaves us with the total &#8220;printable&#8221; page: the whole page minus all the margins. So we equate that to &#8220;P-r&#8221;.</p>
<p>Now look at B*A. This implies that the row height is a multiple of the gutter. All&#8217;s well and good, right? But it&#8217;s not that simple. Because A must be an integer, there&#8217;s no fixed way to find out how many baseline-heights will fit inside a row for a certain number of rows. The only way is to go through trial-and-error.</p>
<p>Contrary to what you may think, this can actually work to your advantage. If you look at eq.1, your B, N and P are fixed values. The only &#8220;unknowns&#8221; are r and A. This gives you a flexibility in determining how big you want your margin to be and then balance the row-height, or vice versa. What does this imply? It means that when you&#8217;re doing your calculations, you can either start off by setting a minimum margin and then calculate for A and then round off to an integer, or you can start off by setting a cell height and then see if the r value is positive or negative.</p>
<p>So that&#8217;s pretty much it. I hope this has been useful to you, and please don&#8217;t hesitate to ask questions.</p>
]]></content:encoded>
			<wfw:commentRss>http://levi.nohakostudios.net/2009/08/aligning-a-grid-to-a-baseline/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Updated Site Design</title>
		<link>http://levi.nohakostudios.net/2009/07/updated-site-design/</link>
		<comments>http://levi.nohakostudios.net/2009/07/updated-site-design/#comments</comments>
		<pubDate>Thu, 23 Jul 2009 13:44:37 +0000</pubDate>
		<dc:creator>Levi</dc:creator>
				<category><![CDATA[Announcement]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Development]]></category>

		<guid isPermaLink="false">http://levi.nohakostudios.net/?p=29</guid>
		<description><![CDATA[Just as a follow up on my previous post:
1. I muted the white into a light gray, and lightened the black into a dark gray to reduce the overall contrast. It should be easier on the eyes now.
2. I&#8217;m not yet 100% satisfied with the comments section, but it&#8217;s already pretty close to how I [...]]]></description>
			<content:encoded><![CDATA[<p>Just as a follow up on my previous post:</p>
<p>1. I muted the white into a light gray, and lightened the black into a dark gray to reduce the overall contrast. It should be easier on the eyes now.</p>
<p>2. I&#8217;m not yet 100% satisfied with the comments section, but it&#8217;s already pretty close to how I envisioned it to be. Try not to look at the source code of the comments. You&#8217;ll see a lot of strange stuff. :)) Comment threading also works now, so you can reply to other comments. There will still be some changes to this section, but it&#8217;ll be kept to a bare minimum.</p>
<p>3. So far I&#8217;m liking this layout, and people I&#8217;ve asked seem to agree. Special thanks to Wil, Phi and Feanne for their critique.</p>
<p>I&#8217;m pretty much done for today; I&#8217;ll work on cleaning up the CONSTANTS layout tomorrow, and hopefully, get the archives working.</p>
]]></content:encoded>
			<wfw:commentRss>http://levi.nohakostudios.net/2009/07/updated-site-design/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Changes To Make For The Site</title>
		<link>http://levi.nohakostudios.net/2009/07/changes-to-make-for-the-site/</link>
		<comments>http://levi.nohakostudios.net/2009/07/changes-to-make-for-the-site/#comments</comments>
		<pubDate>Tue, 21 Jul 2009 10:38:59 +0000</pubDate>
		<dc:creator>Levi</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Development]]></category>

		<guid isPermaLink="false">http://levi.nohakostudios.net/?p=25</guid>
		<description><![CDATA[I’ve noticed a few things (and a lot of them were pointed out to me as well) to improve upon in this blog’s design.
1. The white space: This is going to be a little tricky, as I really want to keep it pure white. I’ll have to find a way to offset the whiteness by [...]]]></description>
			<content:encoded><![CDATA[<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; font-weight: inherit; font-style: inherit; font-size: 13px; font-family: inherit; vertical-align: baseline; padding: 0px; border: 0px initial initial;">I’ve noticed a few things (and a lot of them were pointed out to me as well) to improve upon in this blog’s design.</p>
<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; font-weight: inherit; font-style: inherit; font-size: 13px; font-family: inherit; vertical-align: baseline; padding: 0px; border: 0px initial initial;">1. The white space: This is going to be a little tricky, as I really want to keep it pure white. I’ll have to find a way to offset the whiteness by manipulating the layout and maybe distributing the content more. If all else fails, I will have to make it off-white. But I doubt it’ll come to that.</p>
<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; font-weight: inherit; font-style: inherit; font-size: 13px; font-family: inherit; vertical-align: baseline; padding: 0px; border: 0px initial initial;">2. The comments: I find myself unsatisfied with the current comments section. I want the names to be aligned outside the comments themselves, and I want there to be comment threading. (so people can reply to each other without  confusion) This is some complex coding stuff for my current level of competence, but I’ll try.</p>
<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; font-weight: inherit; font-style: inherit; font-size: 13px; font-family: inherit; vertical-align: baseline; padding: 0px; border: 0px initial initial;">3. The layout: In conjunction with issue #1, I think I want to rearrange the layout a bit, just to see what works best. Right now I’m thinking of doing away with excerpts for the home page and just displaying the content all-out. We’ll see.</p>
<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; font-weight: inherit; font-style: inherit; font-size: 13px; font-family: inherit; vertical-align: baseline; padding: 0px; border: 0px initial initial;">Those are pretty much the changes I want to make, (unlisted are the really minor stuff that probably won’t affect how you interact with this site), so expect some changes within the next few days (hopefully).</p>
<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; font-weight: inherit; font-style: inherit; font-size: 13px; font-family: inherit; vertical-align: baseline; padding: 0px; border: 0px initial initial;">Thanks for all the support and encouragement you guys have shown on the “launch”. And the comments and suggestions! Very helpful stuff. Keep them coming!</p>
]]></content:encoded>
			<wfw:commentRss>http://levi.nohakostudios.net/2009/07/changes-to-make-for-the-site/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
