<?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>blake &#187; Design</title>
	<atom:link href="http://animivirtus.com/blake/tag/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://animivirtus.com/blake</link>
	<description>my life recorded</description>
	<lastBuildDate>Fri, 09 Apr 2010 21:58:47 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Redesign</title>
		<link>http://animivirtus.com/blake/redesign/</link>
		<comments>http://animivirtus.com/blake/redesign/#comments</comments>
		<pubDate>Sat, 27 Mar 2010 03:58:09 +0000</pubDate>
		<dc:creator>Runeshai</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[News]]></category>
		<category><![CDATA[breakdown]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[outline]]></category>
		<category><![CDATA[plan]]></category>
		<category><![CDATA[redesign]]></category>
		<category><![CDATA[update]]></category>

		<guid isPermaLink="false">http://animivirtus.com/blake/?p=490</guid>
		<description><![CDATA[Well, as you&#8217;ve noticed, the site&#8217;s been redesigned. Again. Somehow I just can&#8217;t stick to the &#8220;little tweaks are better than full redesigns&#8221; practice when it comes to my own websites. Maybe I just like the building process too much. Anyway&#8230; there&#8217;s plenty to do now, lots of cool new or different additions, and some [...]]]></description>
			<content:encoded><![CDATA[<p>Well, as you&#8217;ve noticed, the site&#8217;s been redesigned.  Again.  Somehow I just can&#8217;t stick to the &#8220;little tweaks are better than full redesigns&#8221; practice when it comes to my own websites.  Maybe I just like the building process too much.  Anyway&#8230; there&#8217;s plenty to do now, lots of cool new or different additions, and some stuff on the way.<br />
<span id="more-490"></span></p>
<h3>The Header</h3>
<p>Most obviously, the top header is my actual resume (recreated in Photoshop, but the text is real, check it over at my <a href="http://animivirtus.com/portfolio/" target="_blank">portfolio site</a>).  Thought that was a cool touch :P.</p>
<p><img src="http://animivirtus.com/blake/wp-content/uploads/2010/03/avatar-150x150.jpg" alt="Me" title="Avatar" width="150" height="150" class="left size-thumbnail wp-image-491" /><br />
Also, the color bars are an actual swatch from Adobe&#8217;s <a href="http://kuler.adobe.com/" target="_blank">kuler</a> web-app, very useful in web and graphic endeavors.  I use it all the time.  I was trying all kinds of things design-wise and just wasn&#8217;t getting anywhere, so I just plopped it down on the canvas, liked it, and took it from there.</p>
<p>The floppy disk was a funny accident, I was going to make a Polaroid &#8211; very simple, very common on websites &#8211; and just happened to look at it a certain way and think it looked like a floppy disk.  I have bunches of &#8216;em left over from elementary and middle school, and a purple one just like this was actually sitting in front of me at the time.  I looked down, chuckled, and thought &#8216;what the hell.&#8217;</p>
<h3>The Body</h3>
<p>Pretty standard left-aligned body section.  I know, it&#8217;s small (only 479px content space, if you&#8217;re curious), but I work on a small screen, and since the blog&#8217;s mostly about me and I&#8217;m most of the audience (that I know of) I figure it doesn&#8217;t matter much anyway.  Plus, it&#8217;ll probably get redesigned in the next 6 months anyway :P.</p>
<p>The &#8216;Older Posts&#8217; and &#8216;Newer Posts&#8217; links were cool.  I&#8217;ve done little page curls in a few designs since these.  They look better now.</p>
<p>The mini-business-card links to my AnimiVirtus homepage, the main portal of my animivirtus.com domain and the place I&#8217;m trying to advertise the work-stuff I can do for people (if you or someone you know needs something, send somethin&#8217; my way, I&#8217;d be happy to help out if I can).  The Polaroids are just a cutesy way to get you to email me.  About anything.  Honestly.  <a href="http://www.youtube.com/watch?v=ge7w7NHm2uU" target="_blank">I&#8217;m lonely</a>.</p>
<p>Lastly, the delicious section is the latest 7 links from my del.icio.us account, freshly collected and totally random.  Enjoy the mix :P.</p>
<h3>The Footer</h3>
<p>Ah, the footer.  Somehow it seems either really complicated or I&#8217;m really slow on the uptake to get Twitter posts conveniently embedded into a webpage.  My method&#8217;s definitely not the most advanced, CSS only barely gets its hooks into these buggers, but it gets the job done for a first-time job.  Maybe sometime I&#8217;ll look into better ways to pull this off, but for now you&#8217;ve got my posts, and they look just fine.</p>
<p>Next to that&#8217;s my latest work from my <a href="http://animivirtus.com/portfolio/" target="_blank">portfolio site</a>, updated manually for now but I&#8217;m toying with ideas for making that automated.  Maybe&#8230;</p>
<p>And the standard footer with navigation and info links.  I even credit myself for the site design :P.</p>
<h3>The Future&#8230;</h3>
<p>If you read any of the blogs I&#8217;ve kept up (or not) over the years, you know I&#8217;m good at talking about things and less at making them happen.  Well, some good news on that front is I&#8217;ve already got drafts of about 5 posts in various stages and seem to be coming up with ideas lately that don&#8217;t take away from regular life &#8211; often the cause of previous latent posts and unannounced hiatuses and such.<br />
<img src="http://animivirtus.com/blake/wp-content/uploads/2010/03/future-of-learning_id2728501_size3901-150x150.jpg" alt="The Future" title="Future" width="150" height="150" class="right size-thumbnail wp-image-495" /><br />
Nonetheless, if something does go amiss and you&#8217;re not hearing from me, email me <a href="mailto:blakejohnson.vfx@gmail.com">here</a> or with the cooler link above and I&#8217;ll try to put something out to assuage any concerns.</p>
<p>Thanks for checking out the blog, I hope you like the new look and feel free to send any comments or questions you&#8217;ve got about the design, the content, or anything else, and I&#8217;ll do my best to address them.  Any ideas for better usability or functionality would be cool to hear too.  Let me know, happy browsing :).</p>
]]></content:encoded>
			<wfw:commentRss>http://animivirtus.com/blake/redesign/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Blog Design Update</title>
		<link>http://animivirtus.com/blake/blog-design-update/</link>
		<comments>http://animivirtus.com/blake/blog-design-update/#comments</comments>
		<pubDate>Thu, 30 Apr 2009 16:47:39 +0000</pubDate>
		<dc:creator>Runeshai</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Coding]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[News]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[chris coyier]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[css-tricks]]></category>
		<category><![CDATA[drew douglass]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[themeforest]]></category>
		<category><![CDATA[update]]></category>
		<category><![CDATA[upgrade]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://animivirtus.com/blake/?p=289</guid>
		<description><![CDATA[Well, as you no doubt noticed by now, the blog has been redesigned. Again. Well&#8230;sort of. There were a bunch of things that were bugging me about the other design: it was getting too small for the kinds of content I was posting (images and videos didn&#8217;t fit that well in the roughly 375 pixel [...]]]></description>
			<content:encoded><![CDATA[<p>Well, as you no doubt noticed by now, the blog has been redesigned.  Again.  Well&#8230;sort of.  There were a bunch of things that were bugging me about the other design: it was getting too small for the kinds of content I was posting (images and videos didn&#8217;t fit that well in the roughly 375 pixel wide content area); it was really dark, really contrasty; the image was bulky and took up a lot of space; the sidebar didn&#8217;t exist anywhere but the main page (which is weird in itself, but I just messed up the original coding and couldn&#8217;t figure it out so I gave up and made it my design&#8217;s &#8216;style&#8217; at the time, heh, yea I know, cheap, but what&#8217;re you gonna do); lots of little design things, plus a bunch of stuff about the way I&#8217;d coded it to begin with was weird.</p>
<p><span id="more-289"></span></p>
<p>It was my first WordPress theme, after which I went on to follow Drew Douglass&#8217;s <a href="http://blog.themeforest.net/screencasts/new-wp-video-series-and-free-rockstar-book/" target="_blank">tutorial</a> <a href="http://blog.themeforest.net/wordpress/wordpress-for-designers-day-2/" target="_blank">series</a> on Themeforest.net which is a much more in-depth series getting into the nuts and bolts of making a theme, and learned a bunch more about the way themes work, which gave me the confidence to tackle something a bit more aggresively (thus, the <a href="http://animivirtus.com/blog/link-dump-free-stuff-edition/" target="_blank">AnimiVirtus redesign</a> was brought to life).  Not to discredit the <a href="http://wordpress.tv/2009/01/23/css-tricks-designing-for-wordpress-part-one-of-three/" target="_blank">original tutorial</a> I&#8217;d followed, that&#8217;s great as well, just a different approach.</p>
<p>But all that aside, it&#8217;s a new look, an upgraded feel, and hopefully I can start implementing some more exciting widgets and whatnot in the sidebar, give a more social and dynamic feel to the place.  I&#8217;m hopin&#8217; a Twitter feed, maybe iLike and GoodReads feeds too&#8230;who knows, maybe I&#8217;ll get curious and learn how to add another sidebar on the right someday&#8230;</p>
<p>No&#8230;no I can&#8217;t do that&#8230;I&#8217;m a busy guy&#8230;I&#8217;ve got other responsibilities&#8230;</p>
<p>But it calls to me&#8230;.[<i>Sidebar: Blaaake...Blaaaaaaaake...BLAAAAAAKEE!!</i>].  Oh&#8230;that&#8217;d be my roommate telling me to get back to work.  See ya&#8217;ll later, enjoy the new look and keep comin&#8217; back, I&#8217;ll keep up with content as it&#8217;s been coming recently, and when I get the time I&#8217;ll work on adding some more cool stuff to the site.  See you next post :P.</p>
]]></content:encoded>
			<wfw:commentRss>http://animivirtus.com/blake/blog-design-update/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Firefox Extensions</title>
		<link>http://animivirtus.com/blake/firefox-extensions/</link>
		<comments>http://animivirtus.com/blake/firefox-extensions/#comments</comments>
		<pubDate>Sat, 18 Apr 2009 08:39:00 +0000</pubDate>
		<dc:creator>Runeshai</dc:creator>
				<category><![CDATA[Coding]]></category>
		<category><![CDATA[Computers]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[Productivity]]></category>
		<category><![CDATA[Resources]]></category>
		<category><![CDATA[Reviews]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[Work]]></category>
		<category><![CDATA[add-on]]></category>
		<category><![CDATA[addon]]></category>
		<category><![CDATA[browser]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[extensions]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[fx]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[redesigned]]></category>
		<category><![CDATA[tool]]></category>
		<category><![CDATA[useful]]></category>

		<guid isPermaLink="false">http://animivirtus.com/blake/?p=240</guid>
		<description><![CDATA[Google FX is a pretty sweet-ass extension that offers all kinds of cool customization options and features to Google Search users. One bug I did discover though &#8211; which is not so much a bug as a sort of conflict &#8211; for those of you using the Google Redesigned extension to make your Gmail, GCal, [...]]]></description>
			<content:encoded><![CDATA[<p><b>Google FX</b> is a pretty sweet-ass extension that offers all kinds of cool customization options and features to Google Search users.  One bug I did discover though &#8211; which is not so much a bug as a sort of conflict &#8211; for those of you using the Google Redesigned extension to make your Gmail, GCal, etc. look and feel cooler, more usable, go into &#8216;Manage User Scripts&#8230;&#8217; under &#8216;Greasemonkey&#8217; in the &#8216;Tools&#8217; menu, and change the &#8216;https://*.google.*&#8217; rule.  [Note: You should be using secure connections for your Google apps anyway, and if you're not, change that in your 'Settings' section of your Google account.]</p>
<p><a href="http://userscripts.org/scripts/show/31950" target="_blank">userscripts</a> via <a href="http://lifehacker.com/5216694/google-fx-adds-loads-of-features-to-google-search" target="_blank">Lifehacker</a>.</p>
<p><b>Web Developer</b> by Chris Pederick (who has a pretty awesome website, by the way) is a sweet-ass looking tool for web designers, one of the coolest aspects of which allows them to essentially code with real time updating of the results of said code, and then a simple copy-paste-save ensures a faster, accurate workflow [no more Ctrl+S-Alt+Tab-Ctrl+R to check your code].  Also, you can validate CSS and HTML, and even local versions of those languages while you&#8217;re working on them.  <i>Tons</i> of other features abound in this extension, check it out online and fiddle with it a bit.  I promise you&#8217;ll be happy :P.</p>
<p><a href="http://chrispederick.com/work/web-developer/" target="_blank">Chris Pederick</a> via <a href="http://blog.themeforest.net/screencasts/use-absolute-positioning-to-create-equal-columns/" target="_blank">Themeforest</a>.</p>
<p>Oh, and if anyone figures out how to use Chris Pederick&#8217;s other extension, &#8216;User Agent Switcher&#8217;, let me know.  I was excited at the prospect of checking IE rendering results on my Mac, but was slightly confused and disappointed when it seemed that wasn&#8217;t what the extension was for.</p>
<p>Enjoy the goodies!</p>
]]></content:encoded>
			<wfw:commentRss>http://animivirtus.com/blake/firefox-extensions/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
