<?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>Manic Mouse &#187; Design</title>
	<atom:link href="http://manicmouse.com/tag/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://manicmouse.com</link>
	<description>By Ben Callahan, on making websites.</description>
	<lastBuildDate>Sun, 01 Aug 2010 02:44:45 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<item>
		<title>January 2010, Dayton Web Guys Round-Up</title>
		<link>http://manicmouse.com/january-2010-dayton-web-guys-round-up/</link>
		<comments>http://manicmouse.com/january-2010-dayton-web-guys-round-up/#comments</comments>
		<pubDate>Thu, 28 Jan 2010 20:35:56 +0000</pubDate>
		<dc:creator>Ben</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Notes]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://manicmouse.com/?p=261</guid>
		<description><![CDATA[We had a fantastic meeting this month at Panera at the Greene. Our numbers seem to keep increasing each month and there are plenty of topics to discuss. Here&#8217;s a list of folks that made it to this meeting: Ben Callahan &#124; Work &#124; Blog &#124; Personal Jeff Friend &#124; Work &#124; Personal Andy Rossi [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-thumbnail wp-image-154" title="Dayton Web Guys" src="http://manicmouse.com/wp-content/uploads/2009/12/dwg-185x185.png" alt="Dayton Web Guys" width="185" height="185" />We had a fantastic meeting this month at Panera at the Greene. Our numbers seem to keep increasing each month and there are plenty of topics to discuss. Here&#8217;s a list of folks that made it to this meeting:</p>
<ul>
<li><a title="Ben Callahan on Twitter" href="http://twitter.com/bencallahan">Ben Callahan</a> | <a title="FORGE, Dayton, Ohio" href="http://forgeideas.com">Work</a> | <a title="Manic Mouse by Ben Callahan" href="http://manicmouse.com">Blog</a> | <a title="Personal Site of Ben Callahan" href="http://bencallahan.com">Personal</a></li>
<li><a title="Forward Media Group on Twitter" href="http://twitter.com/forwardmedia">Jeff Friend</a> | <a title="Forward Media Group, Tipp City, Ohio" href="http://forwardmediagroup.com">Work</a> | <a title="Personal Site of Jeff Friend" href="http://jefffriend.com">Personal</a></li>
<li><a title="Andy Rossi on Twitter" href="http://twitter.com/andrewrocco">Andy Rossi</a> | <a title="FORGE in Dayton, Ohio" href="http://forgeideas.com">Work</a> | <a title="Blog by Andy Rossi" href="http://iamrocco.net">Blog</a></li>
<li><a title="Mark Wells on Twitter" href="http://twitter.com/markgwells">Mark Wells</a> | <a title="Antistatic Design in Dayton, Ohio" href="http://www.antistaticdesign.com/">Work</a></li>
<li><a title="Rob Harr on Twitter" href="http://twitter.com/robertharr">Rob Harr</a> | <a title="FORGE in Dayton, OH" href="http://forgeideas.com">Work</a> | <a title="Blog by Rob Harr" href="http://robharr.com">Blog</a></li>
<li><a title="Mike Ward on Twitter" href="http://twitter.com/mikeward">Mike Ward</a> | <a title="IMX Solutions" href="http://www.imxperts.com/">Work</a> | <a href="http://mikewarddesign.com/ title=">Personal</a></li>
<li><a title="Grant Root on Twitter" href="http://twitter.com/grantroot">Grant Root</a> | <a title="Dayton-Phoenix Group in Dayton, Ohio" href="http://dayton-phoenix.com">Work</a> | <a title="Personal Site of Grant Root" href="http://www.rootcentral.org/">Personal</a></li>
<li><a title="Ryan Clark on Twitter" href="http://twitter.com/ryanvsclark">Ryan Clark</a> | <a title="FORGE in Dayton, Ohio" href="http://forgeideas.com">Work</a> | <a title="Blog of Ryan Clark" href="http://ryanvsclark.com/blog">Blog</a> | <a title="Personal Site of Ryan Clark" href="http://ryanvsclark.com">Personal</a></li>
<li><a title="Ryan Buttrey on Twitter" href="http://twitter.com/ryanbuttrey">Ryan Buttrey</a> | <a title="FORGE in Dayton, Ohio" href="http://forgeideas.com">Work</a> | <a title="Blog of Ryan Buttrey" href="http://ryanbuttrey.com">Blog</a></li>
</ul>
<p>We got started off with a great conversation about how difficult it is to stay current with all the RSS we&#8217;re following. Mike and Grant both use <a title="Delicious" href="http://delicious.com/">Delicious</a> tagging. While most of us are avid fans of <a title="Google Reader" href="http://reader.google.com">Google Reader</a>, we do get behind because of the rapidly changing industry we&#8217;re a part of. <a title="Shaun Inman" href="http://www.shauninman.com">Shaun Inman</a> has a beautiful little application called <a title="Fever" href="http://feedafever.com/">Fever</a> that helps with this problem by tracking which articles are popular and bringing these to the top of your reader. Comment below if you have other ideas&#8230;</p>
<p>This month Jeff suggested that we each bring something to discuss. Here are a few of the items we discussed:</p>
<p>Andy Rossi did a quick review of <a title="Expression Engine" href="http://expressionengine.com/">Expression Engine</a>, a PHP based content management system released by <a title="EllisLab" href="http://ellislab.com/">EllisLab</a>. This is a platform he&#8217;s been reviewing and playing with. Things he likes: <a title="Expression Engine Add-Ons" href="http://expressionengine.com/downloads/addons/">solid add-ons</a> available, extreme customization ability, you don&#8217;t have to hack at PHP to use it.</p>
<p>Jeff Friend brought up a great conversation about designing in the browser. There has been a lot of talk about this lately on some pretty <a title="Andy Clarke on Designing in the Browser" href="http://24ways.org/2009/ignorance-is-bliss">respected</a> <a title="Megan Fisher on Designing in the Browser" href="http://24ways.org/2009/make-your-mockup-in-markup">sites</a> and even at <a title="An Event Apart" href="http://aneventapart.com/">An Event Apart</a>. We had mixed reviews in the group about this work-flow. Most concerns centered around the difficulty in finding a web-designer who could code to the standard we all strive for. The opposite is also true, it&#8217;s not east to find coders that have a solid grasp of design principles.</p>
<p>Ryan Clark gave us a quick overview of <a title="Mail Chimp" href="http://www.mailchimp.com/">Mail Chimp</a>, a newer bulk email management system. It offers a great interface for managing your lists and emails, extreme flexibility in the structure of your lists and some great RSS integration features.</p>
<p>Rob Harr demo&#8217;d a super cool <a title="jQuery" href="http://jquery.com">jQuery</a> plug-in called AJAX Upload. It handles the selection and upload of an image with jQuery, allowing you to do this without a page refresh. Beautiful. [will add links when I can get Rob to provide them - he's surfing in Florida right now]</p>
<p>Grant actually brought HAND-OUTS and therefore wins the award this month for &#8220;Best Dayton Web Guys Presentation&#8221;. The article was from his blog, discussing @font-face integration with a site he manages. Some of the guys use other services to help, <a title="Font Squirrel" href="http://www.fontsquirrel.com/">Font Squirrel</a> and <a title="Typekit" href="http://typekit.com/">Typekit</a> were two.</p>
<p>I demo&#8217;d a web-based design presentation tool I found called <a title="Vyoopoint" href="http://vyoopoint.com/">Vyoopoint</a>. It allows you to upload images (or movies, swf&#8217;s, pdf&#8217;s) of designs for submission to your client. The client can then comment on the designs. It also handles versioning of your designs. There is a free account you can use to test the service.</p>
<p>As we were wrapping up, Jeff called out something called <a title="Primer CSS" href="http://primercss.com/">Primer CSS</a>, which will parse your mark-up and generate a skeleton CSS file based on ID&#8217;s and Classes found in the document. Very interesting idea. We all recognized the difficulty of organizing a large CSS file and pitched around a few ideas for solving these problems. How do you handle CSS confusion as your sites grow? Leave a comment!</p>
<p>Thanks all for a great meeting. Look forward to the next&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://manicmouse.com/january-2010-dayton-web-guys-round-up/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>User Expectations for YOUR Logo</title>
		<link>http://manicmouse.com/user-expectations-for-your-logo/</link>
		<comments>http://manicmouse.com/user-expectations-for-your-logo/#comments</comments>
		<pubDate>Tue, 15 Dec 2009 04:20:42 +0000</pubDate>
		<dc:creator>Ben</dc:creator>
				<category><![CDATA[Observations]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[User Interface]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://manicmouse.com/?p=214</guid>
		<description><![CDATA[It's long been expected that, while navigating a website, clicking on the organization's logo will take you to the homepage. Can you find any major sites that aren't doing this?]]></description>
			<content:encoded><![CDATA[<h3>What Do You Expect?</h3>
<p>It&#8217;s long been expected that, while navigating a website, clicking on the organization&#8217;s logo will take you to the homepage. Not every site does this, but most sites are adhering to this standard these days. I know in my browsing experience, I regularly click on logos assuming this behavior, so I thought it was pretty cool that Amazon now has this hover state for their logo:</p>
<div id="attachment_216" class="wp-caption alignleft" style="width: 210px"><img class="size-full wp-image-216" title="Amazon Logo" src="http://manicmouse.com/wp-content/uploads/2009/12/amazon.png" alt="Amazon Logo" width="200" height="75" /><p class="wp-caption-text">Amazon Logo</p></div>
<div id="attachment_217" class="wp-caption alignright" style="width: 210px"><img class="size-full wp-image-217" title="Amazon Logo Hover State" src="http://manicmouse.com/wp-content/uploads/2009/12/amazon-hover.png" alt="Amazon Logo Hover State" width="200" height="75" /><p class="wp-caption-text">Amazon Logo Hover State</p></div>
<h3 style="clear:left;">How Long Has This Been Going On?</h3>
<p>I&#8217;m really not sure when Amazon introduced this, but it was new to me. This peaked my curiosity, so I did a little digging around at some of my favorite sites to see if anyone is <em>not</em> honoring this expectation. In fact, I couldn&#8217;t find a major website that didn&#8217;t do something like this.</p>
<h4>Honoring &#8220;Click My Logo&#8221;:</h4>
<ul>
<li><a href="http://apple.com">Apple</a> (nicely integrated into the site nav)</li>
<li><a href="http://microsoft.com">Microsoft</a></li>
<li><a href="http://flickr.com">Flickr</a></li>
<li><a title="Yahoo" href="http://yahoo.com">Yahoo</a></li>
<li><a title="Manic Mouse" href="http://manicmouse.com">Manic Mouse</a> (had to throw it in)</li>
<li><a title="Dictionary.com" href="http://dictionary.com">Dictionary.com</a></li>
<li><a title="Daring Fireball" href="http://daringfireball.net">Daring Fireball</a></li>
<li><a title="Aol." href="http://www.aol.com/">Aol.</a> (very interesting implementation)</li>
</ul>
<p>So, my challenge to you – can you find a major website that <em>doesn&#8217;t</em> do this? If you find one, share it in the comments below.</p>
]]></content:encoded>
			<wfw:commentRss>http://manicmouse.com/user-expectations-for-your-logo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>New Look for Manic Mouse</title>
		<link>http://manicmouse.com/new-look-for-manic-mouse/</link>
		<comments>http://manicmouse.com/new-look-for-manic-mouse/#comments</comments>
		<pubDate>Tue, 08 Dec 2009 16:01:00 +0000</pubDate>
		<dc:creator>Ben</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[User Interface]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://manicmouse.com/?p=158</guid>
		<description><![CDATA[A quick overview of the design changes recently made to Manic Mouse, including the change to Neutica+ from Allan Cole. Also, a quick explanation of the minor modifications I've made to Neutica+.]]></description>
			<content:encoded><![CDATA[<div id="attachment_159" class="wp-caption alignleft" style="width: 295px"><img class="size-medium wp-image-159" title="Manic Mouse on Neutica+" src="http://manicmouse.com/wp-content/uploads/2009/12/manicMouse-285x259.png" alt="Manic Mouse on Neutica+" width="285" height="259" /><p class="wp-caption-text">Manic Mouse on Neutica+</p></div>
<p>After a little over a month with the free <a title="Typebased, by WooThemes" href="http://www.woothemes.com/2008/11/typebased/">Typebased</a> theme from <a title="WooThemes" href="http://woothemes.com">WooThemes</a> here on Manic Mouse, I finally switched to something <a title="Neutica+ Theme" href="http://fthrwght.com/neuticaplus/">more my style</a>. It&#8217;s not that I didn&#8217;t like Typebased, it just felt like I was struggling to make it work for my content.</p>
<p><a title="Neutica+ WordPress Theme" href="http://fthrwght.com/neuticaplus/">Neutica+</a> was designed by <a title="Allan Cole" href="http://allancole.com/">Allan Cole</a> and is a child theme of the <a title="Thematic" href="http://themeshaper.com/thematic/">Thematic WordPress framework</a>. Though I&#8217;ve never done anything with Thematic (or any other <a title="WordPress Theme Frameworks" href="http://codex.wordpress.org/Theme_Frameworks">theme framework</a>) before, the first iteration of this site (which never went live) was actually a <a title="Child Themes in WordPress" href="http://wordpress.tv/2009/11/14/allan-cole-child-themes-nyc09/">child theme</a> of the WordPress default theme. I really liked the concept of child themes, but didn&#8217;t want to get stuck in a &#8220;<a title="Avoiding the Perfectionist Death Spiral" href="http://manicmouse.com/avoiding-the-perfectionist-death-spiral/">perfectionist death spiral</a>&#8221; of personal theme design and development, so I just found a free one.</p>
<p>Neutica+ cost me $15. So far the only modification I&#8217;ve made is adding the &#8220;Grab the Short Link&#8221; element on post listings. I&#8217;m not an expert in PHP, so I&#8217;m not certain that I&#8217;ve done this properly, but here&#8217;s the code I&#8217;ve added to my functions.php file to do it.</p>
<pre class="brush: php;">
global $post;
$shortLink = rtrim(get_bloginfo('url'), '/') . '/?p=' . $post-&amp;gt;ID;
printf(__('&lt;span class=&quot;meta-utility entry-permalink&quot;&gt;Grab the &lt;a title=&quot;Short Link to %2$s&quot; rev=&quot;canonical&quot; href=&quot;%1$s&quot;&gt;Short Link&lt;/a&gt;.&lt;/span&gt;',
   'thematic'),
   $shortLink,
   wp_specialchars(get_the_title(), 'double') );
</pre>
<p>If you have a better idea or more efficient method for doing this, please let me know. You can just <a title="Ben Callahan on Twitter" href="http://twitter.com/bencallahan">DM me on Twitter</a>.</p>
<p>I have no problem supporting a great theme with a little cash, especially if it helps me get my thoughts online and available for discussion. However, I am a web guy, so eventually I plan on making a custom theme for Manic Mouse. This monumental task will have to wait until my second child is born, any day now. Until then, Neutica+ it is!</p>
]]></content:encoded>
			<wfw:commentRss>http://manicmouse.com/new-look-for-manic-mouse/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Drop Caps for Your Blog</title>
		<link>http://manicmouse.com/drop-caps-for-your-blog/</link>
		<comments>http://manicmouse.com/drop-caps-for-your-blog/#comments</comments>
		<pubDate>Mon, 07 Dec 2009 16:08:14 +0000</pubDate>
		<dc:creator>Ben</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Typeography]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://manicmouse.com/?p=138</guid>
		<description><![CDATA[Fantastic drop caps from Jessica Hische. Check out her new site and beautiful work.]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-medium wp-image-151" title="&quot;V&quot; Drop Cap by Jessica Hische" src="http://manicmouse.com/wp-content/uploads/2009/12/jessica-v1-285x285.png" alt="&quot;V&quot; Drop Cap by Jessica Hische" width="285" height="285" />While I have actually never used drop caps on my blog (in all 2 months of it&#8217;s existence), it&#8217;s something I plan on doing when I finally get around to designing and building the real Manic Mouse theme. I happened across <a title="Daily Drop Cap" href="http://dailydropcap.com/">this site</a> following a link from <a title="Jason's Tweet" href="http://twitter.com/jasonsantamaria/status/6433104921">this tweet</a>. <a title="Follow Jessica Hische" href="http://twitter.com/jessicahische">Jessica</a> is amazingly talented and I&#8217;m thrilled to have stumbled upon <a title="The Work of Jessica Hische" href="http://jessicahische.com">her site</a>.</p>
<p>Always great to find this kind of inspiration!</p>
]]></content:encoded>
			<wfw:commentRss>http://manicmouse.com/drop-caps-for-your-blog/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
