<?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"
	>

<channel>
	<title>Tales of a Designer</title>
	<atom:link href="http://www.jwphill3.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.jwphill3.com</link>
	<description></description>
	<pubDate>Wed, 07 May 2008 15:24:03 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.5.1</generator>
	<language>en</language>
			<item>
		<title>For Writers on the Web</title>
		<link>http://www.jwphill3.com/2008/05/07/for-writers-on-the-web/</link>
		<comments>http://www.jwphill3.com/2008/05/07/for-writers-on-the-web/#comments</comments>
		<pubDate>Wed, 07 May 2008 12:08:19 +0000</pubDate>
		<dc:creator>J Phillips</dc:creator>
		
		<category><![CDATA[Writing]]></category>

		<guid isPermaLink="false">http://www.jwphill3.com/?p=129</guid>
		<description><![CDATA[I recently read a post on how little users read a lot of copy on the web (per site) and it&#8217;s really cool/important information. It still blows my mind how many writers (on the web) there are that don&#8217;t understand this.
On the average Web page, users have time to read at most 28% of the [...]]]></description>
			<content:encoded><![CDATA[<p>I recently read a post on <a href="http://www.useit.com/alertbox/percent-text-read.html">how little users read</a> a lot of copy on the web (per site) and it&#8217;s really cool/important information. It still blows my mind how many writers (on the web) there are that don&#8217;t understand this.</p>
<blockquote><p>On the average Web page, users have time to read at most 28% of the words during an average visit; 20% is more likely.</p></blockquote>
<p>There is also an <a href="http://www.useit.com/alertbox/page-visit-time-per-word-count.gif">interesting chart</a> that shows the average amount of time users spend on a site based on the word count. Very fascinating, yet scary at the same time because if it&#8217;s your site, you have to wonder if you&#8217;re getting users the information they need, quickly.</p>
<p>Two tips I have when you&#8217;re writing for the web. One being to <a href="http://www.jwphill3.com/2006/12/11/think-like-a-user/">think like your user</a>. Read your own copy and think if you&#8217;re conveying the right information. If it&#8217;s fluff copy and/or marketing talk, <strong>remove it</strong>. Users know what is fluff, and what is relevant to them. Second tip, get to the point, and fast. <em>Be clear and concise</em>. If your copy isn&#8217;t to the point, your user might not read it&#8230;&#8230;then why have it there?</p>
<p>It is a must to know how to <a href="http://www.jwphill3.com/2006/06/18/writing-for-our-web/">write for the web</a>. If you haven&#8217;t been trained, then learn how to, it&#8217;s really not that tough. And study how users are actually <a href="http://www.useit.com/alertbox/percent-text-read.html">using your site</a>.</p>
<p><strong>Update</strong>: Andy Rutledge has a <a href="http://www.andyrutledge.com/volume-doesnt-matter.php">different take</a> on the article linked above. He raises good points as well. My opinions remain the same. You still need to know how to write for the web, designing that copy is a different issue.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jwphill3.com/2008/05/07/for-writers-on-the-web/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Organizing your CSS</title>
		<link>http://www.jwphill3.com/2008/04/27/organizing-your-css/</link>
		<comments>http://www.jwphill3.com/2008/04/27/organizing-your-css/#comments</comments>
		<pubDate>Sun, 27 Apr 2008 12:37:07 +0000</pubDate>
		<dc:creator>J Phillips</dc:creator>
		
		<category><![CDATA[Development]]></category>

		<guid isPermaLink="false">http://www.jwphill3.com/?p=127</guid>
		<description><![CDATA[One thing that I&#8217;ve learned since first starting to write CSS, that&#8217;s extremely important, is organizing your stylesheets. Even the smallest sites can have larger stylesheets, and if you don&#8217;t have some sort of structure, it can become a headache to maintain over time as it grows.
There is no right way to organize. I&#8217;ve seen [...]]]></description>
			<content:encoded><![CDATA[<p>One thing that I&#8217;ve learned since first starting to write CSS, that&#8217;s extremely important, is organizing your stylesheets. Even the smallest sites can have larger stylesheets, and if you don&#8217;t have some sort of structure, it can become a headache to maintain over time as it grows.</p>
<p>There is no right way to organize. I&#8217;ve seen and tried many different ways and stuck with the one that works best for me. One thing that&#8217;s fairly consistent in all of my stylesheets is putting basic styles and site colors at the top, shown in the example below.</p>
<pre>
/*
======================================================
COLORS
======================================================
Gray Text: #
Blue Links: #
*/

* { margin:0; padding:0; }
.bn { border:0; }
.fl { float:left; }
.fr { float:right; }
.cl { clear:left; }
.clear { clear: both; }</pre>
<p>These are obviously some of the basic classes that I will reuse across the whole site, so it&#8217;s nice to get some of those out of the way at the beginning before you get into the more specific id&#8217;s and classes.</p>
<p>It&#8217;s also important to group sections together and divide it by some sort of separator:</p>
<pre>/*
======================================================
>>Site structure (layout)
======================================================
*/</pre>
<p>Grouping sections together saves <em>tons</em> of time. It allows you to find sections very quickly through search, especially using the &#8220;>>&#8221; before the section title to easier flag those sections. In terms of grouping sections, do what feels most comfortable. Here are the groupings that I use, mostly, in my stylesheets:</p>
<ul>
<li>Colors</li>
<li>Basic Styles</li>
<li>Site Structure</li>
<li>Navigation</li>
<li>Headers</li>
<li>Parapgraphs</li>
<li>Lists</li>
<li>Links</li>
<li>Images</li>
<li>Forms</li>
<li>Miscellaneous</li>
</ul>
<p>Is this the best way? Of course not, but every developer works differently, so the key is trying out different methods to see what works best for your style. The suggestions above have proved to work very well for me, and I&#8217;m still finding new ways to improve it. Using <a href="http://www.456bereastreet.com/archive/200502/efficient_css_with_shorthand_properties/">shorthand CSS</a> is also a good way to keep your CSS lean, but some find that it&#8217;s not too helpful.</p>
<p>I&#8217;ve created a stripped down version of a basic stylesheet structure based on what I&#8217;ve mentioned above, so for those of you looking for a starting point, <a href="http://www.jwphill3.com/wp-content/uploads/2008/04/base.css">feel free to download</a> the one I&#8217;ve put together.</p>
<p>What other key tips would you say are useful when organizing your CSS?</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jwphill3.com/2008/04/27/organizing-your-css/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Questioning an Idea</title>
		<link>http://www.jwphill3.com/2008/04/16/questioning-an-idea/</link>
		<comments>http://www.jwphill3.com/2008/04/16/questioning-an-idea/#comments</comments>
		<pubDate>Wed, 16 Apr 2008 12:15:47 +0000</pubDate>
		<dc:creator>J Phillips</dc:creator>
		
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://www.jwphill3.com/?p=126</guid>
		<description><![CDATA[I&#8217;ve had this thought in my mind the past few days and just felt like writing something out and maybe getting others thoughts on it. One thing that I&#8217;ve been thinking about is wondering when to move forward with an idea on the web. How do you know if it&#8217;s a good idea, and not [...]]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve had this thought in my mind the past few days and just felt like writing something out and maybe getting others thoughts on it. One thing that I&#8217;ve been thinking about is wondering when to move forward with an idea on the web. How do you know if it&#8217;s a good idea, and not just a waste of time?</p>
<p>We read about a lot of mediocre products on the web at sites like <a href="http://www.techcrunch.com">Techcrunch</a>, and many of them seem to provide no real value. This seems to be a big challenge on having an idea work on the web. I guess one of the positives is that it is pretty low cost to get something up and running, as compared to other industries.</p>
<p>For the past few months I&#8217;ve been thinking on this idea with a colleague, and to us, the idea sounds great. The suggestions going back and forth have been really productive, but again, to us it sounds good but how do we really know if it&#8217;s a good idea? Will it provide value to those using it? Is it even possible to measure value beforehand?</p>
<p>After the initial excitement of coming up with an idea, you really start to question <em>everything</em>, and the unfortunate part is that <a href="http://www.jwphill3.com/2008/04/06/project-momentum/">momentum</a> starts to die out a little. Is that normal?</p>
<p>I would imagine others have experienced the same kind of thing, but it&#8217;s just something I&#8217;ve been thinking about quite a bit lately. Should I be taking more of the attitude to just got for it no matter what, or should I <em>know</em> the value this will provide (if any) to it&#8217;s users?</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jwphill3.com/2008/04/16/questioning-an-idea/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Project Momentum</title>
		<link>http://www.jwphill3.com/2008/04/06/project-momentum/</link>
		<comments>http://www.jwphill3.com/2008/04/06/project-momentum/#comments</comments>
		<pubDate>Sun, 06 Apr 2008 15:30:48 +0000</pubDate>
		<dc:creator>J Phillips</dc:creator>
		
		<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.jwphill3.com/?p=125</guid>
		<description><![CDATA[One of the more interesting things about working on projects is taking advantage of project momentum. Whether this be your own idea, or your on the brink of locking down a new client, having that momentum is exciting, and should always be taken advantage of.
I just recently thought about this because Tridea has just secured [...]]]></description>
			<content:encoded><![CDATA[<p>One of the more interesting things about working on projects is taking advantage of project momentum. Whether this be your own idea, or your on the brink of locking down a new client, having that momentum is exciting, and should always be taken advantage of.</p>
<p>I just recently thought about this because <a href="http://www.tridea-design.com">Tridea</a> has just secured another client and the communication between both parties has been stellar. Not only is the client excited to work with us, but we&#8217;re excited about the project as well and it seems that both sides are ready to get going on this project. Throughout all of the [pre-contract] communication, everyone is getting ideas, taking notes, and knowing what direction we want to head in at the start of the project to hit the ground running. It&#8217;s all exciting.</p>
<p>My point here is that project momentum is very exciting, and sometimes you come up with your best work when you build off of that momentum. It gives so much confidence to the point where it seems that <a href="http://www.jwphill3.com/2006/10/06/creative-block/">creative block</a> could never happen. If you start to feel that project momentum from an idea or a client project, take advantage of it because in my opinion, it&#8217;s one of the best feelings of being a designer.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jwphill3.com/2008/04/06/project-momentum/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Finally Using Tumblr</title>
		<link>http://www.jwphill3.com/2008/03/30/finally-using-tumblr/</link>
		<comments>http://www.jwphill3.com/2008/03/30/finally-using-tumblr/#comments</comments>
		<pubDate>Sun, 30 Mar 2008 20:00:51 +0000</pubDate>
		<dc:creator>J Phillips</dc:creator>
		
		<category><![CDATA[Resource]]></category>

		<guid isPermaLink="false">http://www.jwphill3.com/?p=124</guid>
		<description><![CDATA[I&#8217;ve known about Tumblr since its release, and though it seemed like an interesting service, I didn&#8217;t feel that I had a need for it at first. A few weeks ago I signed up for it and poking around the dashboard (which has a great interface) I realized that I possibly had a use for [...]]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve known about <a href="http://www.tumblr.com/">Tumblr</a> since its release, and though it seemed like an interesting service, I didn&#8217;t feel that I had a need for it at first. A few weeks ago I signed up for it and poking around the dashboard (which has a great interface) I realized that I possibly had a use for it.</p>
<p>I wanted a place to consolidate my activities online between my three blogs (this one, <a href="http://www.philly-style.com">personal blog</a>, and the <a href="http://www.tridea-design.com/blog/">Tridea blog</a>), <a href="http://www.twitter.com/jwphillips">Twitter</a>, and my <a href="http://del.icio.us/jphill77">Del.icio.us</a> links which are imported below in the Distractions section. Aside from those, I also wanted a place to to post media that isn&#8217;t necessarily design/development related, which is what my Del.icio.us links are limited to to keep within context of the content on this site. But I also find other interesting stuff that is not always related to design, so I not only want to keep a log these things, but maybe others could find it interesting as well. Tumblr gives me the chance to do that and bring all of my interests to one location.</p>
<p>So I purchased a domain name to use for my Tumblr account, which is <a href="http://www.philly-stream.com/">philly-stream.com</a>, and though I&#8217;ve only been using it for a couple days, I am liking it so far.</p>
<p>Do you use Tumblr? If so, how do you like it, and how do you use it?</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jwphill3.com/2008/03/30/finally-using-tumblr/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>
