<?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>Ryan &#34;Fantikerz&#34; Hamilton &#187; Design</title>
	<atom:link href="http://fantikerz.com/category/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://fantikerz.com</link>
	<description>blurbs on design, music, and games.</description>
	<lastBuildDate>Sat, 22 Oct 2011 16:00:49 +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>UPDATED: Always have a Contract — My Story of Getting Screwed by MyRuneLog</title>
		<link>http://fantikerz.com/why-you-should-always-have-a-contract-my-story-of-getting-screwed-by-myrunelog/</link>
		<comments>http://fantikerz.com/why-you-should-always-have-a-contract-my-story-of-getting-screwed-by-myrunelog/#comments</comments>
		<pubDate>Fri, 26 Aug 2011 21:13:37 +0000</pubDate>
		<dc:creator>Ryan</dc:creator>
				<category><![CDATA[Amusing]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[Information]]></category>
		<category><![CDATA[Rants]]></category>
		<category><![CDATA[Thoughts]]></category>
		<category><![CDATA[Tips]]></category>
		<category><![CDATA[Ability44]]></category>
		<category><![CDATA[Debt]]></category>
		<category><![CDATA[Freelance]]></category>
		<category><![CDATA[Harley Dishon]]></category>
		<category><![CDATA[Litigation]]></category>
		<category><![CDATA[Money]]></category>
		<category><![CDATA[MyRuneLog]]></category>
		<category><![CDATA[Project]]></category>
		<category><![CDATA[Scam Artist]]></category>
		<category><![CDATA[WhatsUpWithRS]]></category>

		<guid isPermaLink="false">http://fantikerz.com/?p=1187</guid>
		<description><![CDATA[8/27/11 Update: Harley has posted a rebuttal. I reciprocated. Read here. Harley “Ability44″ Dishon seemed like a decent fellow human. He was introduced to me via a mutual friend quite a while ago and was in the market for some &#8230; <a href="http://fantikerz.com/why-you-should-always-have-a-contract-my-story-of-getting-screwed-by-myrunelog/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><img class="alignright" title="Harley Dishon" src="http://i.imgur.com/JiOFq.jpg" alt="" width="180" height="184" /><strong>8/27/11 Update:</strong> Harley has posted a rebuttal. I reciprocated. <a href="http://fantikerz.com/why-you-should-always-have-a-contract-my-story-of-getting-screwed-by-myrunelog/#rebuttal">Read here</a>.</p>
<p>Harley “<a href="http://www.youtube.com/user/WhatsUpWithRS">Ability44</a>″ Dishon seemed like a decent fellow human. He was introduced to me via a mutual friend quite a while ago and was in the market for some web development work. While he didn’t quite have a clear cut goal yet, he was willing to pay, and truthfully that was all that mattered since we could hammer out the details as we went on. Web development is my gig after all. It’s what pays the bills.</p>
<p>I tend to run an informal operation. Minimal contracts, work by the hour, and just that sort of jive. In addition I try to be as fair and personable as possible. Hosting client sites for free, offering access to select source files, etc. The nice guy.</p>
<p>Well, shame on me for assuming people wouldn’t take advantage of that. Let me explain.<span id="more-1187"></span></p>
<h3>The Project</h3>
<p><a href="http://fantikerz.com/wp-content/uploads/2011/08/logo_background.png"><img class="size-full wp-image-1194 alignleft" title="MyRuneLog Logo" src="http://fantikerz.com/wp-content/uploads/2011/08/logo_background.png" alt="" width="243" height="37" /></a></p>
<p>Harley was looking to create [yet another] RuneScape fansite, this one entitled MyRuneLog. “One that would be different,” he explained. It would have such things as voice chats, Jagex-sponsored contests, and a boatload of other crazy things. Some of these things, I responded, were damn near impossible and incredibly impracticable.  So some of the ideas were shelved, but many remained on the to-do list. We had no choice but to oblige.</p>
<p>We went with it though. By “we”, I mean <a href="http://www.joshwelham.com/">Josh Welham</a> and I. It should be about time to introduce him into the story, I suppose. Josh specializes in back-end code, and was brought in once the project began to creep beyond my scope of expertise. He’s pretty brilliant at PHP, putting most of my stuff to shame. Anyway, he would handle that stuff while I would work on the front-end and design aspects of the MyRuneLog project. We had a pretty good gig going.</p>
<p>A lot of work had to be done. Databases needed to be constructed, core scaffolding laid out, and other fairly intensive stuff. This wasn’t your typical blog or personal website. This would be best described as a mega-site  with large amounts of data being added/moved around constantly by multiple parties. Josh’s brainchild really — he built it pretty much from the group up. It ended up being pretty impressive from a developer’s POV. If you’d like an idea of what I’m talking about, take a look at <a href="http://zybez.net/">Zybez</a>, who would have been the competition.</p>
<h3>The Downturn</h3>
<p>Up until March, 2011, nothing seemed askew. Harley was paying his invoices on time and work was continuing as expected. Then he began to lag behind. He cited job/moving problems, which I believe[d], and would have a hard time making payments. To “work with him”, I set up a monthly payment plan: $75/mo (and later bi-montly) and our services would continue as usual. Damn cheap if you ask me — most cable/phone plans are that price. Honestly, any other firm would just drop the client outright at that point. We wanted to work with him though since we knew no one else would be able to carry out “his dream” besides us. And yes, he did say that MyRuneLog was his dream — more than once.</p>
<div id="attachment_1204" class="wp-caption alignright" style="width: 384px"><a href="http://fantikerz.com/wp-content/uploads/2011/08/last_invoice.jpg"><img class="size-full wp-image-1204 " title="Last Invoice" src="http://fantikerz.com/wp-content/uploads/2011/08/last_invoice.jpg" alt="" width="374" height="88" /></a><p class="wp-caption-text">This would have been his final invoice (his total debt was more)</p></div>
<p>The monthly payment plan worked… for about a month. Then he began lagging even further behind, until it was finally four months later and he was <strong>~$3,000 in the hole</strong>. We were done. He continued to cite problems with jobs but it was time to call him out on the utter B.S.</p>
<h3>Confrontation</h3>
<p>Josh and I spoke to each other and agreed that he was never going to pay at this rate. What we decided to do was <strong>offer him a reprieve</strong>. A chance to wipe his debts clean.</p>
<p>We offered to take ownership of the site (which we had forged ourselves), taking in 100% of the ad revenue, while he remained on as a full administrator and taking in 75% of other revenue streams. Donations, shirts, and other merch would be his money makers really.</p>
<p>This was a great deal for him. His <strong>several thousand dollar debt to us would be</strong> <strong>gone</strong> for good and he would still be able to be a major part of his “dream”. Not to mention the money he would be making from other avenues. And this would be a good deal for us as our hard work would not go unrequited and we would be able to continue working on something that we had an actual, palpable investment in.</p>
<p>It was a good solution. Everyone would walk away happy, we imagined. There was some negotiating that went on as he considered it, but that ended up being pointless. Harley chose to go against us without our knowledge and essentially stab us in the back. No payment, no deal, no respect.</p>
<h3>Today</h3>
<p>Harley, with his pal “l2rushnub”, believes he can run off with our out-of-date source code and resume work on the site. The source code in question is many months out of date and pretty much worthless considering how much improvement the current revisions have made. But it’s still our source code that he didn’t pay for. Theft.</p>
<p><a href="http://fantikerz.com/wp-content/uploads/2011/08/quote.png"><img class="aligncenter size-full wp-image-1216" title="Quote from chat logs" src="http://fantikerz.com/wp-content/uploads/2011/08/quote.png" alt="" width="400" height="200" /></a></p>
<p>But good luck to them. I think Harley will get his “dream”, although likely sub-par and with much more backstabbing to go. I just hope “l2rushnub” isn’t being offered payment, because he damn well won’t be getting it.</p>
<p><strong>Harley is a selfish cheat</strong>. From the beginning he was always concerned with having his name, Ability44, attached to the site (despite <em>everyone else</em> in <em>his community</em> doing the work, might I add). He wanted people to know that he was the great creator. That he was the wise entrepreneur. That he <em>was</em> the site. In reality he’s a self-absorbed, self-entitled kid that believes he can get everything by cheating his way through life. My interpretation of the human condition has deteriorated because of him. For fuck’s sake, this narcissist has “Ability44” <a href="http://i.imgur.com/JRMOv.jpg">tattooed on himself</a>.</p>
<p>I truly hope his friends and family see what he is and respond as such — <strong>don’t let him take advantage of you</strong>. We bent over backwards to help him and were stabbed in the back.</p>
<p>He screwed over Josh and I — not to mention several others (for example, Robert, if you knew him).</p>
<h3>Why I Wrote This</h3>
<p>I’d like for this to serve as a warning. Always <strong>have a damn contract</strong>. Never go beyond <strong>project scope</strong>. And for the love of god, <strong>never let the project get any further if the client isn’t paying</strong>.</p>
<p>Don’t let people take advantage of you, even if you do end up looking like the bad guy as a result. People like this deserve to be shut out. He ended up wasting 9 months of our time.</p>
<p><strong>More specifically,</strong> I want this to be a warning for people researching Harley Dishon. When people Google his name (friends, prospective employers), they should be aware of his extreme lack of respect and morals. At the time of writing he lives in Virginia, although I won’t share his specific address publicly. More detailed information is a few keystrokes away, is all I’ll say.</p>
<h3>Records</h3>
<p>I’m just going to include some text conversations between myself and Harley. Some of our correspondence was via Skype calls, so I don’t have records of those. These are un-edited, although you’ll just have to take my word on that — sorry.</p>
<p>They’re in chronological order and have some interesting tidbits of information.</p>
<p><a title="Harley Ability44 Dishon Chat Logs" href="http://fantikerz.com/harley_ability44_dishon.html" target="_blank">Chat logs</a>.</p>
<h3 id="rebuttal">The Rebuttal</h3>
<p>Harley has created a topic on his forum in response to this blog post. You can <a href="http://cl.ly/9fA4">read it here</a> in case he removes it. Anyway I’ll be going line by line and dissecting each of his points since there’s just so much logical ineptitude to go at it all at once. Plus I’m not really in the mood for writing. Here goes:<img class="alignright" title="Harley 2" src="http://i.imgur.com/jfoQP.jpg" alt="" width="30%" height="30%" /></p>
<blockquote><p>In the last few days I have found out that what I have paid for hours of work on is not even coming back to me in full blast… Not many of yall know but I have put out $1.2k so far for this site to be developed, and was being asked for 3,000(USD) more,</p></blockquote>
<p>No, you paid ~1.3k of a ~3k TOTAL debt (combined between Josh and I). We never asked for 3k more. You only owe[d] ~1.7k.</p>
<blockquote><p>on a project that I was told would only take 60 hours (Which is reasonable for that amount of work) but turned into 210 hours total…</p></blockquote>
<p>I’m not sure where you got that 60 hour figure. I know I initially quoted you for ~100 (but let’s not let turn this into he said, he said), which I also added was a rough estimate since you weren’t exactly sure what you were after with the whole project to begin with. In fact it wasn’t a bad guess considering the initial project scope. Your constant requests for additions and lack of foresight was the reason why that number increased. <strong>You could have halted the project at any time</strong>. In fact, <strong>I urged you to multiple times </strong>(<a href="http://cl.ly/9fN6">see it in this screenshot</a>) when I noticed that you were lagging behind in payments. You replied by saying you’d have our payment ready soon, every single time, and asked us to continue working. Being the nice guys we are, we obliged. And it’s not like you had no idea how much work was being done — you had easy access to all of our timesheets (detailing work being done, times, and total invoice amounts) on Freshbooks. Stop trying to shift the blame on us.</p>
<blockquote><p>I have just recently cut ties with the web developers which I have been paying to work on this site, for 9 months now.</p></blockquote>
<p>Haha, no. You haven’t been paying for nine months. Your last payment was in early June and it’s now late August. The project officially began in December of 2010. Even in May you were straggling behind in payments. See <a href="http://cl.ly/9fs1">this screenshot</a>.</p>
<blockquote><p>And have also been informed that the full site cost for development is around $600 tops. (This has been assessed by 2 web developing companies already) So put simply I was took for a scam.</p></blockquote>
<p>I’d really like to ask these “developing companies” what exactly they’d be charging $600 for. A Joomla set up with a slightly customized Theme Forest design? I don’t want to list everything, but here are condensed examples of what Josh and I ended up doing for Harley, which truthfully is worth much more than $3k considering how much he would have made from the site over time:</p>
<ol>
<li>Forum skins that were custom-made (IP.B 3.1.x and another for 3.2.x)</li>
<li>Unique design and codebase created (with revisions) custom for MyRuneLog</li>
<li>Custom-made, RuneScape tailored CMS</li>
<li>Kind implementation of your [sometimes awry] ideas</li>
<li>Everlasting support and continued development, even after your payment hiatuses</li>
<li>Deep forum integration beyond just user basic profiles</li>
</ol>
<blockquote><p>As all of you might of noticed In recent days… MyRuneLog has came back online, today an attack from a fake anonymous member was executed (no ones passwords were compromised). We would just like to say we have nothing against government or any sort we are minding our own business and would please advise the hackers to stop. We are a rs fan site and that is all we plan to be.</p></blockquote>
<p>Well that’s just kind of funny — sorry. Nothing more to add from me.</p>
<blockquote><p>A very unprofessional post was made by one of the developers you can find that <a title="External link" href="http://fantikerz.com/why-you-should-always-have-a-contract-my-story-of-getting-screwed-by-myrunelog/" rel="nofollow external">here</a>.</p></blockquote>
<p>There’s so much wrong with that statement but I’ll just mention two things:</p>
<ol>
<li>This is my personal blog. Not a professional site. I post musings and rants here, not love sonnets or creative writing projects. <a href="http://chriscoyier.net/">Chris Coyier</a> has the same approach to his personal site. If something irks me, I’ll share it.</li>
<li>We stopped being professional when you stopped taking us seriously. Although not directly related, you are one of the most unprofessional people I’ve ever worked with. Your grammar is terrible and you lack any sort of serious finesse (read the chat logs for a sample). You don’t <em>get</em> to call other people unprofessional.</li>
</ol>
<p>Thanks for the traffic though!</p>
<blockquote><p>It goes into his full side of things but mostly slanderous things to me of course.…</p></blockquote>
<p>Well I’m definitely not going to praise your magnificence, am I? <strong>And do you even understand what slander is</strong>? I didn’t misrepresent you beyond reasonable interpretation nor make up facts. None of what I said is misleading and is apparent to anyone willing to investigate your character.</p>
<blockquote><p>Don’t even got a good pic of my Tat.. I mean.. Wtf? lol Here’s a good <a title="External link" href="http://a3.l3-images.myspacecdn.com/images02/91/863f2cd62ee742a09d7770b5a2e5a7e3/l.jpg" rel="nofollow external">picture</a> of it though ;p</p></blockquote>
<p>I apologize about that tattoo — finding an embellishing picture of something so sad wasn’t exactly important to me. I don’t even know why it is to you.</p>
<blockquote><p>Also on the blog entry he decides to put out personal conversations (Which is invasion of privacy, considering he did not alert me that chats would be publicly shared) between the both of us, mostly they are one sided of course.</p></blockquote>
<p>Hardly invasion of privacy. If you’re referring to the Electronic Communications Privacy Act — that only applies when messages are in transit. After they’ve been received it’s unrestricted. We don’t have a confidentiality agreement preventing me from posting logs. I didn’t hack into your computer and take the chat logs either. Those were between us and did not need to remain mutually exclusive. I would be okay with you sharing your chat logs between us, as well.</p>
<p>In addition, posting the chat logs is just one of the many forms of proof I have to support my/our claims. You, if I recall correctly, have nothing but your word.</p>
<blockquote><p>With all of that being said and out of the way we are under new development by a combined power of l2rushnub and myself and the site should be up within the next couple weeks (yea… 9 months compaired to a couple weeks, hope yall are happy about that!) I mean… In 2 days me and l2rushnub were able to get these new forums with the skin up and running… So we will take much less time on a better outcome.</p></blockquote>
<p>So let me get this straight…</p>
<ol>
<li>Install IP.B -&gt; 10 minutes</li>
<li>Install forum skin and change the logo -&gt; 5 minutes</li>
<li>Create crappy splash screen in Photoshop -&gt; 20 minutes</li>
<li>Creating an expansive, responsive, integrated, custom CMS for a specific niche website -&gt; two weeks? give or take a few months maybe.</li>
<li>??? -&gt; PROFIT</li>
</ol>
<p>I don’t even know how setting up the forum took two full days. At that rate it’s going to be a year until you have any sort of palpable website.</p>
<blockquote><p>Thank you everyone who has read this topic and I hope you understand what is going on.<br />
– Harley</p></blockquote>
<p>Best of luck to you.</p>
<h3>Closing Thoughts</h3>
<p>In my conversations with Harley <strong>I had to use a lot of analogies</strong> to explain things to him since he often did not understand. One of those was saying we’re kind of like a phone company — “you continue to pay us or we’ll terminate your services”. He likes picking apart my analogies, and this particular one (which remember, was made up on the spot) he LOVES to destroy. He explains that a telephone bill is “prorated”, which to him is a magic bullet — effectively making all of my previous statements invalid. Prorated essentially means means adjusted proportionately — which we admittedly do not do. However that’s hardly detrimental - I’m sure he understood what I meant. Picking apart my analogies doesn’t immediately nullify our facts nor make everything here invalid — you screwed us over. Plain and simple.</p>
<p>Also, <strong>regarding our hourly payment plan</strong>. I overheard another person calling that a “bad business practice”. Not at all if you consider some things specific to this project:</p>
<ul>
<li>Harley was very unsure as to what he wanted for the site to begin with (he had no proposal/plan in place at all)</li>
<li>He wanted to start ASAP</li>
<li>By charging hourly, we would be able to add things as we went along. If we had a fixed amount (50% up front, 50% after for example), then we would need to re-draw that contract and agree on a new fixed price every time he wanted something else</li>
<li>No other firms he consulted would take his project for a price he liked</li>
</ul>
<p>By charging hourly we not only were able to sustain continued development, but also build the site just as Harley wished with minimal issue. I’ve done fixed price work before and honestly it just puts everyone in sub-optimal situation, unless the site is something simple and straightforward like a blog. For something as expansive as MRL though — hourly was the way to go.</p>
<p><strong>About not getting what he paid for</strong>. Absolutely false. Josh sent over all of the modules, databases, and core files that he paid for (28 hours worth, to be exact). As for me — he already has everything. He admitted to having the source code from when the site was hosted on the GoDaddy server (see chat logs), which includes more up-to-date source material than what he would receive from me. Those files are roughly dated to June, while I stopped receiving payment in May. Truthfully I had completed most of the work by then anyway (I do front-end and design work, so that stuff came first).</p>
<p><strong>Regarding legal action</strong>: we did have a verbal agreement, which is still legally binding (but admittedly not as solid as a contract). All we would need to do is prove that he was going along with our agreement, which would be incredibly easy with our backlog of invoices and other records. I’ll be consulting some professionals in the coming days, but at this time seek no litigation unless provoked. More specific records (invoices for example) are being withheld as a precaution.</p>
<p>I can be a vindictive ass, I know, but we don’t want to ruin this guy’s life. Let’s let sleeping dogs lie now, eh?</p>
]]></content:encoded>
			<wfw:commentRss>http://fantikerz.com/why-you-should-always-have-a-contract-my-story-of-getting-screwed-by-myrunelog/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>RyanHamilton.me Relaunched!</title>
		<link>http://fantikerz.com/ryanhamilton-me-relaunched/</link>
		<comments>http://fantikerz.com/ryanhamilton-me-relaunched/#comments</comments>
		<pubDate>Sat, 30 Jul 2011 04:01:29 +0000</pubDate>
		<dc:creator>Ryan</dc:creator>
				<category><![CDATA[Announcements]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[Information]]></category>
		<category><![CDATA[Status]]></category>
		<category><![CDATA[Professional]]></category>
		<category><![CDATA[RyanHamilton.me]]></category>

		<guid isPermaLink="false">http://fantikerz.com/?p=1181</guid>
		<description><![CDATA[Hello! This is just a quick note to tell you that I have moved all “professional” stuff over to RyanHamilton.me and will be re-purposing this site to serve as my personal blog. This has been something I’ve been passively working &#8230; <a href="http://fantikerz.com/ryanhamilton-me-relaunched/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Hello! This is just a quick note to tell you that I have moved all “professional” stuff over to <a title="Ryan Hamilton" href="http://ryanhamilton.me/" target="_blank">RyanHamilton.me</a> and will be re-purposing this site to serve as my personal blog.</p>
<p>This has been something I’ve been passively working on for a long time and it’s great to finally have it ready to show off. Technically this is version 2, but I went though about 5 design comps before I was happy. I wanted to keep it clean and professional basically. The back-end is my own, and while it’s not the next WordPress, it should be much easier for me to do things like update projects.</p>
<p>It’s quite heavy in HTML5 and CSS3 stuff, so I may need to still hammer out some kinks in inferior browsers. You know the ones.</p>
<p>Anyway, check it out and let me know what you think!</p>
<p><strong>Edit:</strong> Turns out the site works fabulously in IE7, 8, and 9! I love it when that happens!</p>
]]></content:encoded>
			<wfw:commentRss>http://fantikerz.com/ryanhamilton-me-relaunched/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>V14: “Clouds” a.k.a. Make it LIGHTER!</title>
		<link>http://fantikerz.com/v14-clouds/</link>
		<comments>http://fantikerz.com/v14-clouds/#comments</comments>
		<pubDate>Fri, 03 Sep 2010 20:00:22 +0000</pubDate>
		<dc:creator>Ryan</dc:creator>
				<category><![CDATA[Announcements]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[Information]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Clouds]]></category>
		<category><![CDATA[Iteration]]></category>
		<category><![CDATA[Music]]></category>
		<category><![CDATA[Personal Site]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Redesign]]></category>

		<guid isPermaLink="false">http://fantikerz.com/?p=1024</guid>
		<description><![CDATA[I know that I’ve had this design iteration of my blog up for quite some time, but I never really considered it complete. In fact, I still don’t think it’s optimal, but it’s about time I post about it anyway. &#8230; <a href="http://fantikerz.com/v14-clouds/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>I know that I’ve had this design iteration of my blog up for quite some time, but I never really considered it complete. In fact, I still don’t think it’s optimal, but it’s about time I post about it anyway.</p>
<p><a href="http://fantikerz.com/wp-content/uploads/2010/09/clouds.jpg"><img class="aligncenter size-full wp-image-1027" title="Clouds, FOOL!" src="http://fantikerz.com/wp-content/uploads/2010/09/clouds.jpg" alt="" width="635" height="120" /></a></p>
<p>Unlike the last design, the colour scheme here is dominantly white and cyan. This time around I really wanted to show that I wasn’t all dark and suicidal. That scares people away. What the lighter colours do here is invite people to come in and read (hence the dark text on white background). If you’re complaining that it makes your eyes bleed, then that’s your fault. Turn on some [more] lights and sit farther away from the monitor — you’re mutilating your eyes (glasses/contact user, here) by not doing so.<span id="more-1024"></span></p>
<p>To expound a bit, this theme was derived, code-wise, from the stock <a href="http://2010dev.wordpress.com/">TwentyTen WordPress theme</a>. It’s a great base to build upon, despite the somewhat messy CSS. Regardless, the code is simple and it’s easy to implement your own uniqueness. As far as design, I can say it was partially based on <a href="http://fantikerz.com/designing-cloudy/">my previous Cloudy design</a>. I ended up spending a lot more time on this than I really thought I would.</p>
<p>In the end, the result is passable and I can be proud of it. Just recently I added the recent work slider and tweaked some inconsistencies in the sidebar. I still have a long list of things to either add or change, and I look forward to checking off items as the year goes on (time permitting).</p>
<p>As a tradition, I like to share the song that was the driving force of my inspiration and motivation to work on this, because music really is powerful! This is a great track!</p>
<object width="100%" height="400" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000">
	<param value="true" name="allowFullScreen">
	<param value="always" name="allowscriptaccess">
	<param value="http://www.youtube.com/v/C1p8HlgoRHE?fs=1&amp;hl=en_US&amp;rel=0&amp;color1=0xffffff&amp;color2=0xffffff" name="src">
	<param value="true" name="allowfullscreen">
	<embed width="100%" height="400" allowfullscreen="true" allowscriptaccess="always" src="http://www.youtube.com/v/C1p8HlgoRHE?fs=1&amp;hl=en_US&amp;rel=0&amp;color1=0xffffff&amp;color2=0xffffff" type="application/x-shockwave-flash">
</object>
<p>To close: I’d just like to point out that every time I re-design something, it is a sign that my design or development skills and tastes are evolving. By re-working something, I am able to take what I had learned previously making the theme and apply it alongside my new found skills and tastes.</p>
<p>“Prairie Sky” by Jesse Therrien <a title="Prairie Sky" href="http://www.sxc.hu/photo/1290355/">(source)</a></p>
]]></content:encoded>
			<wfw:commentRss>http://fantikerz.com/v14-clouds/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to Create a Letterpress Effect, the Easy Way</title>
		<link>http://fantikerz.com/how-to-do-a-letterpress-effect-the-easy-way/</link>
		<comments>http://fantikerz.com/how-to-do-a-letterpress-effect-the-easy-way/#comments</comments>
		<pubDate>Sun, 06 Sep 2009 02:24:42 +0000</pubDate>
		<dc:creator>Ryan</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Information]]></category>
		<category><![CDATA[Tips]]></category>
		<category><![CDATA[Effect]]></category>
		<category><![CDATA[History]]></category>
		<category><![CDATA[Letterpress]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Teach]]></category>
		<category><![CDATA[Technique]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://fantikerz.com/?p=731</guid>
		<description><![CDATA[Many people are adopting a new design trend where the letters are seemingly pressed into the background, better known as a letterpress effect. In this short tutorial, I’ll show you a quick, easy, and non-destructive way to achieve this effect. &#8230; <a href="http://fantikerz.com/how-to-do-a-letterpress-effect-the-easy-way/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><img class="alignright size-full wp-image-747" title="Letterpress" src="http://fantikerz.com/wp-content/uploads/2009/09/letterpress1.jpg" alt="Letterpress" width="180" height="120" />Many people are adopting a new design trend where the letters are seemingly pressed into the background, better known as a letterpress effect. In this short tutorial, I’ll show you a quick, easy, and non-destructive way to achieve this effect. I’ll be using Photoshop here, but you may be able to adapt the techniques for use in any other image manipulator once you understand the two things that are required for a letterpress effect.</p>
<p>There are a few ways of doing this, but this way is by far my favourite because it’s so easy to modify the effect later on if needed.</p>
<p><span id="more-731"></span></p>
<h3>First, a short history lesson.</h3>
<p>To make you a bit more savvy on the subject, let me fill you in on the origins of the letterpress effect. You most likely own a book, container, or even business card that you’re able to rub your fingers along and feel the letters raised in or out. You guessed it, that’s the letterpress effect. Origins go back to as far as 750AD and has almost been used exclusively in physical printing until around a decade ago. Graphic and web designers then adopted it as part of their design toolkit. Current design trends were beginning to age, so designers needed something to spice up their work.</p>
<p><img class="aligncenter size-full wp-image-744" title="Letterpress card" src="http://fantikerz.com/wp-content/uploads/2009/09/letterpress-card.jpg" alt="Letterpress card" width="550" height="100" /></p>
<p>If you’re interested in seeing some examples of letterpress in web design, take a look at <a href="http://line25.com/articles/web-design-trend-showcase-letterpress-text-effect">Line25’s fantastic gallery article</a>.</p>
<h3>Alright, let’s do it!</h3>
<p>Pop open Photoshop and proceed to create a new canvas. In this tutorial, I’ll be using a canvas with the size of 400x400 and background colour of #555555. After doing that, go ahead and type your text out and make it’s colour #999999. You can replicate this if you’d like, it shouldn’t really matter but this colour and size should yeild the best results.</p>
<p><img class="aligncenter size-full wp-image-732" title="Punch in your text" src="http://fantikerz.com/wp-content/uploads/2009/09/letterpress-make-text.jpg" alt="Punch in your text" width="550" height="500" /></p>
<p>Alright, now let’s actually get into doing the effect. In this method, we can be pretty non-destructible by only using layer styles. You’ll see what I mean in a minute.</p>
<p><img class="aligncenter size-full wp-image-734" title="Add a drop shadow" src="http://fantikerz.com/wp-content/uploads/2009/09/letterpress-dro-shadow.jpg" alt="Add a drop shadow" width="550" height="500" /></p>
<p>Select your text layer in the layers panel. Now, head over to the bottom of the layers panel and choose Layer Styles → Drop Shadow. Now, make sure to replicate the options in the next image below. I’ll explain what these do in a moment.</p>
<p><img class="aligncenter size-full wp-image-735" title="Drop shadow options" src="http://fantikerz.com/wp-content/uploads/2009/09/letterpress-dropshadow-options.jpg" alt="Drop shadow options" width="550" height="500" /></p>
<p>Replicated everything yet? Good. Now let me explain a few things. The first thing you should have done is set the blend mode to normal. This ensures that the drop shadow will stand out. Next up is the colour change — make sure it’s #333333. It’s dark enough to stand out against the background without being too disruptive. You should have set the opacity to 100%, which will ensure that the drop shadow is nice and crisp. Next is important, make sure you set the shadow angle to 90°. Last part is easy, just make sure the both distance of the shadow and the size of it is 1px. You can change these later if you want to change the look of the letterpress, but we’ll keep it like this for a more classic letterpress look.</p>
<p><img class="aligncenter size-full wp-image-737" title="Drop shadow applied" src="http://fantikerz.com/wp-content/uploads/2009/09/letterpress-drop-shadow-applied.jpg" alt="Drop shadow applied" width="550" height="500" /></p>
<p>Alright, now we’ll be doing doing the second part of the effect — the inner shadow. Since you already have the effect panel open, just go over to the list of effects on the left and select Inner Shadow.<img class="aligncenter size-full wp-image-736" title="Inner shadow" src="http://fantikerz.com/wp-content/uploads/2009/09/letterpress-inner-shadow.jpg" alt="Inner shadow" width="550" height="500" /></p>
<p>You’ll immediately see the inner shadow applied, but we’ll change that in a moment. Just take a look at the image below and copy the settings.</p>
<p><img class="aligncenter size-full wp-image-739" title="Inner shadow options" src="http://fantikerz.com/wp-content/uploads/2009/09/letterpress-inner-shadow-options.jpg" alt="Inner shadow options" width="550" height="500" /></p>
<p>Alright, a lot of familiar stuff here. You really just need to duplicate the settings that you used on the drop shadow, but with one major difference. Make sure to set the inner shadow colour to #cfcfcf. This is lighter than the colour we set the text to (#cccccc), and adds a bit of polish.</p>
<p><img class="aligncenter size-full wp-image-740" title="Inner shadow applied" src="http://fantikerz.com/wp-content/uploads/2009/09/letterpress-inner-shadow-applied.jpg" alt="Inner shadow applied" width="550" height="500" /></p>
<p>And that, my friends, is the letterpress effect in Photoshop. I prefer this method because it’s really easy to change the colours of the shadows and text, and believe me, that happens a lot! In this example, the text is pressed outward, but if you were to reverse the colours of the shadow and tweak the text colour as well, you could easily achieve an inset letterpress. I’ll leave it to you to experiment with that, though.</p>
<p><img class="aligncenter size-full wp-image-742" title="Inset letterpress" src="http://fantikerz.com/wp-content/uploads/2009/09/letterpress-tweaked-final.jpg" alt="Inset letterpress" width="550" height="500" /></p>
<p>If you want to get fancy, you can also add some gradients and such. I won’t go into the details of doing this, but the above image is an example of what a little bit of creative tweaking can do.</p>
<p>So, in closing, let me outline a few things that you need to remember when doing the effect with this technique:</p>
<ul>
<li>There are always two shadows.</li>
<li>If you want an inset, the inner shadow is should be a colour darker than the background, the drop shadow should have a lighter colour than the background, and the text colour should be the same as the background.</li>
<li>If you want an outset, the inner shadow is should be a colour lighter than the background, the drop shadow should have a darker colour than the background, and the text colour needs to be a colour that is light, but not as light as the inner shadow.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://fantikerz.com/how-to-do-a-letterpress-effect-the-easy-way/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>10 Beautiful Kinetic Typography Videos</title>
		<link>http://fantikerz.com/10-beautiful-kinetic-typography-videos/</link>
		<comments>http://fantikerz.com/10-beautiful-kinetic-typography-videos/#comments</comments>
		<pubDate>Wed, 12 Aug 2009 12:12:26 +0000</pubDate>
		<dc:creator>Ryan</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Images]]></category>
		<category><![CDATA[Videos]]></category>
		<category><![CDATA[Adobe]]></category>
		<category><![CDATA[After Effects]]></category>
		<category><![CDATA[Beautiful]]></category>
		<category><![CDATA[Font]]></category>
		<category><![CDATA[Graphics]]></category>
		<category><![CDATA[Kinetic]]></category>
		<category><![CDATA[Motion]]></category>
		<category><![CDATA[Ten]]></category>
		<category><![CDATA[Text]]></category>
		<category><![CDATA[Type]]></category>
		<category><![CDATA[Typography]]></category>

		<guid isPermaLink="false">http://fantikerz.com/?p=593</guid>
		<description><![CDATA[I’ve always loved typography used as the focal point in motion graphic videos. I’ve even tried my hand at making them. Needless to say, I wasn’t successful due to the lack of patience on my part. However, that made me &#8230; <a href="http://fantikerz.com/10-beautiful-kinetic-typography-videos/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><img class="size-full wp-image-608 alignright" style="float: right;" title="If you flash your piece out on the lanes..." src="http://fantikerz.com/wp-content/uploads/2009/08/2009-08-12_0509.png" alt="If you flash your piece out on the lanes..." width="180" height="126" /></p>
<p>I’ve always loved typography used as the focal point in motion graphic videos. I’ve even tried my hand at making them. Needless to say, I wasn’t successful due to the lack of patience on my part. However, that made me further appreciate the time and effort that these people have put into making these videos.</p>
<p>Sure, they’re cool, but take into account that each movement of text is scripted and perhaps you will understand the almost artistic beauty of these videos.</p>
<p><span id="more-593"></span></p>
<p>These videos are not order in any specific way.</p>
<h3>#1: “Still Alive”</h3>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="100%" height="365" 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://vimeo.com/moogaloop.swf?clip_id=1612411&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=36859e&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="100%" height="365" src="http://vimeo.com/moogaloop.swf?clip_id=1612411&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=36859e&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<h3>#2: “The Big Lebowski”</h3>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="100%" height="365" 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://vimeo.com/moogaloop.swf?clip_id=859551&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=36859e&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="100%" height="365" src="http://vimeo.com/moogaloop.swf?clip_id=859551&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=36859e&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<h3>#3: “Online Songs”</h3>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="100%" height="365" 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://vimeo.com/moogaloop.swf?clip_id=1683225&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=36859e&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="100%" height="365" src="http://vimeo.com/moogaloop.swf?clip_id=1683225&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=36859e&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<h3>#4: “Typefaces Give Us Signals”</h3>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="100%" height="365" 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://vimeo.com/moogaloop.swf?clip_id=5365970&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=36859e&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="100%" height="365" src="http://vimeo.com/moogaloop.swf?clip_id=5365970&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=36859e&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<h3>#5: “If”</h3>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="100%" height="365" 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://vimeo.com/moogaloop.swf?clip_id=1305608&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=36859e&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="100%" height="365" src="http://vimeo.com/moogaloop.swf?clip_id=1305608&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=36859e&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<h3>#6: “Into the Ocean”</h3>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="100%" height="365" 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://vimeo.com/moogaloop.swf?clip_id=1569236&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=36859e&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="100%" height="365" src="http://vimeo.com/moogaloop.swf?clip_id=1569236&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=36859e&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<h3>#7: “The Cigarette Is Dead”</h3>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="100%" height="365" 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://vimeo.com/moogaloop.swf?clip_id=1755404&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=36859e&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="100%" height="365" src="http://vimeo.com/moogaloop.swf?clip_id=1755404&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=36859e&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<h3>#8: “That Was Epic”</h3>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="100%" height="365" 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://vimeo.com/moogaloop.swf?clip_id=1529789&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=36859e&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="100%" height="365" src="http://vimeo.com/moogaloop.swf?clip_id=1529789&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=36859e&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<h3>#9: “Lions Roar”</h3>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="100%" height="365" 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://vimeo.com/moogaloop.swf?clip_id=344617&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=36859e&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="100%" height="365" src="http://vimeo.com/moogaloop.swf?clip_id=344617&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=36859e&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<h3>#10: “Dane Cook”</h3>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="100%" height="365" 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://vimeo.com/moogaloop.swf?clip_id=2860622&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=36859e&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="100%" height="365" src="http://vimeo.com/moogaloop.swf?clip_id=2860622&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=36859e&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<h2>Bonus</h2>
<p>These videos have more imagery than typography, but the motion graphics are still present nonetheless. Of course, the cool factor remains as well.</p>
<h3>“Non-O-Biography”</h3>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="100%" height="365" 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://vimeo.com/moogaloop.swf?clip_id=1737891&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=36859e&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="100%" height="365" src="http://vimeo.com/moogaloop.swf?clip_id=1737891&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=36859e&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<h3>“You’ll Rebel to Anything”</h3>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="100%" height="365" 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://vimeo.com/moogaloop.swf?clip_id=370060&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=36859e&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="100%" height="365" src="http://vimeo.com/moogaloop.swf?clip_id=370060&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=36859e&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<h3>“Tangible Actions”</h3>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="100%" height="365" 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://vimeo.com/moogaloop.swf?clip_id=1345841&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=36859e&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="100%" height="365" src="http://vimeo.com/moogaloop.swf?clip_id=1345841&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=36859e&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://fantikerz.com/10-beautiful-kinetic-typography-videos/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Version 13</title>
		<link>http://fantikerz.com/version-13/</link>
		<comments>http://fantikerz.com/version-13/#comments</comments>
		<pubDate>Wed, 05 Aug 2009 00:24:11 +0000</pubDate>
		<dc:creator>Ryan</dc:creator>
				<category><![CDATA[Announcements]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Information]]></category>
		<category><![CDATA[Music]]></category>
		<category><![CDATA[13]]></category>
		<category><![CDATA[New]]></category>
		<category><![CDATA[P2]]></category>
		<category><![CDATA[Poppy]]></category>
		<category><![CDATA[Redesign]]></category>
		<category><![CDATA[Version]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://fantikerz.com/?p=395</guid>
		<description><![CDATA[Woop, new site design. How exciting. The only reason why I’m writing this is so that I can test the said design to the fullest extent. I might as well elaborate on some things in the process. As you may &#8230; <a href="http://fantikerz.com/version-13/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Woop, new site design. How exciting. The only reason why I’m writing this is so that I can test the said design to the fullest extent. I might as well <img class="size-full wp-image-408 alignright" title="Very Important Code" src="http://fantikerz.com/wp-content/uploads/2009/08/2009-08-04_17201.png" alt="Very Important Code" width="180" height="51" />elaborate on some things in the process. As you may know, this is based upon the wonderful WordPress application and a heavily modified P2 theme. I was reluctant to move over to WordPress, but I’m now way over that and am itching to make some of my own plugins and other extensions like that.</p>
<p><span id="more-395"></span></p>
<p>Before I start, I just want to share the songs that fueled me while doing the bulk of the work on the rework last night. You know, for fun. I was kind of in the mood for some energetic, synth-poppy music.</p>
<p style="text-align: center;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="270" height="174" 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/3DdWM2Y9toI&amp;hl=en&amp;fs=1&amp;" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="270" height="174" src="http://www.youtube.com/v/3DdWM2Y9toI&amp;hl=en&amp;fs=1&amp;" allowscriptaccess="always" allowfullscreen="true"></embed></object> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="270" height="173" 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/4kHg4q3vM8k&amp;hl=en&amp;fs=1&amp;" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="270" height="173" src="http://www.youtube.com/v/4kHg4q3vM8k&amp;hl=en&amp;fs=1&amp;" allowscriptaccess="always" allowfullscreen="true"></embed></object>
</p>
<p style="text-align: center;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="270" height="173" 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/Dt0IlrQYOxM&amp;hl=en&amp;fs=1&amp;" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="270" height="173" src="http://www.youtube.com/v/Dt0IlrQYOxM&amp;hl=en&amp;fs=1&amp;" allowscriptaccess="always" allowfullscreen="true"></embed></object> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="270" height="173" 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/GbyAtMkgrao&amp;hl=en&amp;fs=1&amp;" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="270" height="173" src="http://www.youtube.com/v/GbyAtMkgrao&amp;hl=en&amp;fs=1&amp;" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>In v13 I removed everything that reminded me of the terrible colour scheme in v12, opting for a cleaner look with some cyan and gray mixed about. You’ll see a few subtle instances of radial gradients still, but it’s not really notable. As of now the header section is a bit too bloated for my taste so I may end up chopping that down eventually.</p>
<p>The content pages (Portfolio, Media) haven’t changed much. <span style="text-decoration: line-through;">Yes, they’re still empty, and will probably remain that way for a while until I can find the patience to put them together.</span> The contact page, however, has been tweaked a bit from the last version to make for a better experience with the AJAX interface. I also finished up the About page for now, but plan to add a few more things to it once everything else is done.</p>
<p>A lot has been added to the footer to de-clutter the sidebar. There are the typical social icons like before, but now my tweets and Flicker pictures are also being snagged from the respective services and are now living in the footer as well.</p>
<p>Also worth noting is the addition of the Labs. This was up for a while but I only showed it to a few people. Hopefully it’ll serve as a nice hub for my spontaneous projects. It’s not done yet, like most things on this site, though.
</p>
<p style="text-align: right;">As always I welcome any feedback, and knowing me you can expect another major revision by the end of the year… Here’s to OCD!</p>
]]></content:encoded>
			<wfw:commentRss>http://fantikerz.com/version-13/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Designing Cloudy</title>
		<link>http://fantikerz.com/designing-cloudy/</link>
		<comments>http://fantikerz.com/designing-cloudy/#comments</comments>
		<pubDate>Tue, 16 Jun 2009 12:50:22 +0000</pubDate>
		<dc:creator>Ryan</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Extras]]></category>
		<category><![CDATA[Images]]></category>
		<category><![CDATA[Videos]]></category>
		<category><![CDATA[Blue]]></category>
		<category><![CDATA[Cloudy]]></category>
		<category><![CDATA[Code]]></category>
		<category><![CDATA[Dreamweaver]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://blog.fantikerz.com/?p=268</guid>
		<description><![CDATA[I challenged myself to design a basic site in an hour or less while taking a screenshot every 10 seconds. At what ended up being 1 hour and 9 minutes, I missed my mark -  but only by a little &#8230; <a href="http://fantikerz.com/designing-cloudy/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p style="text-align: left;"><img class="alignright size-full wp-image-271" style="float: right;" title="2009-06-16_0516" src="http://fantikerz.com/wp-content/uploads/2009/06/2009-06-16_0516.png" alt="2009-06-16_0516" width="180" height="113" />I challenged myself to design a basic site in an hour or less while taking a screenshot every 10 seconds. At what ended up being 1 hour and 9 minutes, I missed my mark -  but only by a little bit. Overall, the end result is decent, but nothing spectacular. Given more time I would have probably refined the header section a bit more and spiced up the welcome area. Keeping in mind the time constraints, the simplicity and barrenness can be over looked, in my opinion. Look for the full size image after the jump.</p>
<p><span id="more-268"></span></p>
<h3 style="text-align: center;"><a href="http://www.youtube.com/watch?v=_n15wcyv9Jo&amp;fmt=22" target="_blank">Click for the Video</a></h3>
<p style="text-align: center;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="500" height="400" 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/_n15wcyv9Jo&amp;hl=en&amp;ap=%2526fmt%3D22&amp;fs=1&amp;rel=0&amp;color1=0x006699&amp;color2=0x54abd6" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="500" height="400" src="http://www.youtube.com/v/_n15wcyv9Jo&amp;hl=en&amp;ap=%2526fmt%3D22&amp;fs=1&amp;rel=0&amp;color1=0x006699&amp;color2=0x54abd6" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<h3 style="text-align: center;"><a href="http://fantikerz.com/wp-content/uploads/2009/06/design.jpg" target="_blank">Click for Full Size Image (1200x1000)</a></h3>
</p>
<p style="text-align: center;"><a href="http://fantikerz.com/wp-content/uploads/2009/06/design.jpg" target="_blank"><img class="size-large wp-image-272 alignnone" title="design" src="http://fantikerz.com/wp-content/uploads/2009/06/design-1024x853.jpg" alt="design" width="500" height="399" /></a></p>
<p>I would be lying if I said this wasn’t Twitter inspired. I initially started with an ugly black colour palette in mind but quickly swapped that for a clean, white and blue scheme. From there, I immediately thought of clouds — that’s where <a href="http://cloud-no9.deviantart.com/art/Cloud-Brushes-ver-1-54644659">cloud-no9’s brushes</a> came in handy. Admittedly, the placement of everything isn’t very original, but that’s alright.</p>
<p>I probably won’t end up converting the psd to xhtml, but if someone wants to, or just wants the psd, leave a comment and I’ll send it to you.</p>
<p>Hopefully, if I do another one of these videos, the end result will be much more interesting. It should be noted that I still consider myself an ametuer at web design.</p>
]]></content:encoded>
			<wfw:commentRss>http://fantikerz.com/designing-cloudy/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
	</channel>
</rss>
<!-- WP Super Cache is installed but broken. The path to wp-cache-phase1.php in wp-content/advanced-cache.php must be fixed! -->
