<?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>Web Design and Internet Marketing for the greater Temecula and Murrieta area. Custom web design and Internet Search Marketing &#187; Designer&#8217;s Palette</title>
	<atom:link href="http://www.caseyhald.com/category/designers-palette/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.caseyhald.com</link>
	<description>Web Design, Internet Marketing, Web site Design, Website Design in Temcula, Murrieta Ca</description>
	<lastBuildDate>Wed, 17 Mar 2010 21:05:57 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Tables. A Guide of When and Where.</title>
		<link>http://www.caseyhald.com/tables-a-guide-of-when-and-where/</link>
		<comments>http://www.caseyhald.com/tables-a-guide-of-when-and-where/#comments</comments>
		<pubDate>Wed, 17 Mar 2010 21:02:40 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Designer's Palette]]></category>

		<guid isPermaLink="false">http://sunfalldesigns.com/?p=323</guid>
		<description><![CDATA[<a href="/tables-a-guide-of-when-and-where/"><img src="http://sunfalldesigns.com/wp-content/uploads/2010/03/blog_tables.jpg" alt="" title="bxp22778h" width="600" height="228" class="alignnone size-full wp-image-325" style="border: solid 5px #134735" /></a>]]></description>
			<content:encoded><![CDATA[<p><a href="/tables-a-guide-of-when-and-where/"><img src="http://sunfalldesigns.com/wp-content/uploads/2010/03/blog_tables.jpg" alt="" title="bxp22778h" width="600" height="228" class="alignnone size-full wp-image-325" style="border: solid 5px #134735; margin-bottom:20px;" /></a></p>
<p>The face of the matter is, tables are the most misunderstood, misused, and consistently debated tools a web designer faces on a daily basis. There are times when using a table can be a time effective, logically sound solution to help layout lots of information, and then there are elements that don&#8217;t necessarily need tables, but can be solved with a single div tag with a float statement.</p>
<p>This will split the good from the bad, the useful from the wasteful, and the logical from the down right confusing.</p>
<h1 style="color:#fff; font-family:helvetica; font-size:40px; margin-top:50px;">Quick &amp; Efficient</h1>
<p style="position:relative; top:-18px">You can save a <em>ton</em> of time coding out lots of information with tables. Having worked in several fast-paced design firms, it&#8217;s all about making deadlines and efficiency. While you&#8217;re skimming through css blogs looking for the best way to code a community form, your boss will be wondering why you&#8217;re taking so long to finish, when you could just simply make a table, set it to the right attributes via style-sheet, make the appropriate number of rows and columns, and voila! You&#8217;re done in under 20 minutes with minimal to no browser errors. A Table can be a quick way to solve a layout that contains multi-columned information, such as a community form and a large list of information.</p>
<h1 style="color:#fff; font-family:helvetica; font-size:40px; margin-top:50px;">Reliability &amp; Consistency</h1>
<p style="position:relative; top:-15px">One of the best things about tables is their consistency between all browsers, no matter how much information you place in it or what way you do it, you can count on it to look the same no matter what browser you&#8217;re using.</p>
<h1 style="color:#fff; font-family:helvetica; font-size:40px; margin-top:50px;">The Right Way To Do It</h1>
<p style="position:relative; top:-15px">Make sure that before you use a table, type this in your style-sheet:</p>
<p>td {<br />
text-align:left;<br />
vertical-align:top;<br />
}</p>
<p>What this insures is that when you place a div in a table, that the div id will be aligned at the top and left of that column. After you have that in  your style sheet, say you want to make a 4 columned, 5 row chat example:</p>
<p>First make the table</p>
<table width="100%" border="1">
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
</table>
<p>Create the divs inside the table</p>
<table width="100%" border="1" >
<tr>
<td>
<div style="background-color:#0a4e2d; border: solid 5px #052616; width:50px; margin-bottom:5px; height:50px;"></div>
</td>
<td>
<div style="background-color:#0a4e2d; border: solid 5px #052616; width:380px; margin-bottom:5px; height:50px;"></div>
</td>
<td>
<div style="background-color:#0a4e2d; border: solid 5px #052616;width:50px; margin-bottom:5px; height:50px;"></div>
</td>
<td>
<div style="background-color:#0a4e2d; border: solid 5px #052616; width:50px; margin-bottom:5px; height:50px;"></div>
</td>
</tr>
<tr>
<td>
<div style="background-color:#0a4e2d; border: solid 5px #052616; width:50px; margin-bottom:5px; height:50px;"></div>
</td>
<td>
<div style="background-color:#0a4e2d; border: solid 5px #052616; width:380px; margin-bottom:5px; height:50px;"></div>
</td>
<td>
<div style="background-color:#0a4e2d; border: solid 5px #052616;width:50px; margin-bottom:5px; height:50px;"></div>
</td>
<td>
<div style="background-color:#0a4e2d; border: solid 5px #052616; width:50px; margin-bottom:5px; height:50px;"></div>
</td>
</tr>
<tr>
<td>
<div style="background-color:#0a4e2d; border: solid 5px #052616; width:50px; margin-bottom:5px; height:50px;"></div>
</td>
<td>
<div style="background-color:#0a4e2d; border: solid 5px #052616; width:380px; margin-bottom:5px; height:50px;"></div>
</td>
<td>
<div style="background-color:#0a4e2d; border: solid 5px #052616;width:50px; margin-bottom:5px; height:50px;"></div>
</td>
<td>
<div style="background-color:#0a4e2d; border: solid 5px #052616; width:50px; margin-bottom:5px; height:50px;"></div>
</td>
</tr>
<tr>
<td>
<div style="background-color:#0a4e2d; border: solid 5px #052616; width:50px; margin-bottom:5px; height:50px;"></div>
</td>
<td>
<div style="background-color:#0a4e2d; border: solid 5px #052616; width:380px; margin-bottom:5px; height:50px;"></div>
</td>
<td>
<div style="background-color:#0a4e2d; border: solid 5px #052616;width:50px; margin-bottom:5px; height:50px;"></div>
</td>
<td>
<div style="background-color:#0a4e2d; border: solid 5px #052616; width:50px; margin-bottom:5px; height:50px;"></div>
</td>
</tr>
</table>
<p>Now set the border of the table to border=&#8221;0&#8243;</p>
<table width="100%" border="0" >
<tr>
<td>
<div style="background-color:#0a4e2d; border: solid 5px #052616; width:50px; margin-bottom:5px; height:50px;"></div>
</td>
<td>
<div style="background-color:#0a4e2d; border: solid 5px #052616; width:380px; margin-bottom:5px; height:50px;"></div>
</td>
<td>
<div style="background-color:#0a4e2d; border: solid 5px #052616;width:50px; margin-bottom:5px; height:50px;"></div>
</td>
<td>
<div style="background-color:#0a4e2d; border: solid 5px #052616; width:50px; margin-bottom:5px; height:50px;"></div>
</td>
</tr>
<tr>
<td>
<div style="background-color:#0a4e2d; border: solid 5px #052616; width:50px; margin-bottom:5px; height:50px;"></div>
</td>
<td>
<div style="background-color:#0a4e2d; border: solid 5px #052616; width:380px; margin-bottom:5px; height:50px;"></div>
</td>
<td>
<div style="background-color:#0a4e2d; border: solid 5px #052616;width:50px; margin-bottom:5px; height:50px;"></div>
</td>
<td>
<div style="background-color:#0a4e2d; border: solid 5px #052616; width:50px; margin-bottom:5px; height:50px;"></div>
</td>
</tr>
<tr>
<td>
<div style="background-color:#0a4e2d; border: solid 5px #052616; width:50px; margin-bottom:5px; height:50px;"></div>
</td>
<td>
<div style="background-color:#0a4e2d; border: solid 5px #052616; width:380px; margin-bottom:5px; height:50px;"></div>
</td>
<td>
<div style="background-color:#0a4e2d; border: solid 5px #052616;width:50px; margin-bottom:5px; height:50px;"></div>
</td>
<td>
<div style="background-color:#0a4e2d; border: solid 5px #052616; width:50px; margin-bottom:5px; height:50px;"></div>
</td>
</tr>
<tr>
<td>
<div style="background-color:#0a4e2d; border: solid 5px #052616; width:50px; margin-bottom:5px; height:50px;"></div>
</td>
<td>
<div style="background-color:#0a4e2d; border: solid 5px #052616; width:380px; margin-bottom:5px; height:50px;"></div>
</td>
<td>
<div style="background-color:#0a4e2d; border: solid 5px #052616;width:50px; margin-bottom:5px; height:50px;"></div>
</td>
<td>
<div style="background-color:#0a4e2d; border: solid 5px #052616; width:50px; margin-bottom:5px; height:50px;"></div>
</td>
</tr>
</table>
<p> Make sure to properly margin your divs and you&#8217;re done in record time!</p>
<h1 style="color:#fff; font-family:helvetica; font-size:40px; margin-top:50px;">The Bad Thing About Tables</h1>
<p style="position:relative; top:-15px">Tables are the first construction tools used to create websites since the internet opened to the public, therefore they&#8217;re looked down upon and considered outdated to most designers and developers. If you haven&#8217;t noticed, the code isn&#8217;t pretty. If you&#8217;re sharing development of  a website with a fellow developer, make sure to label your tables with comment tags! And lastly, don&#8217;t use tables for the container of the actual website. The reason being is because you can accomplish that easily with CSS. Never use tables for the actual construction of your website&#8217;s layout, unless you have no other option, strictly use tables for organization of data. </p>
<p>Like I said in the beginning of this post, Using tables is a highly debated subject, so i want you to do just that. Tell me why I&#8217;m wrong, and why. The main purpose of this post is to help both beginners and experienced designers to consider tables every once in a while. Just because huge CSS galleries (to this day I still don&#8217;t understand) reject beautifully made websites because they contain a single table, don&#8217;t sacrifice time and convenience over an opinion.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.caseyhald.com/tables-a-guide-of-when-and-where/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Education Vs. Experience &#124; The Never-Ending Debate</title>
		<link>http://www.caseyhald.com/education-vs-experience-the-never-ending-debate/</link>
		<comments>http://www.caseyhald.com/education-vs-experience-the-never-ending-debate/#comments</comments>
		<pubDate>Mon, 18 Jan 2010 07:26:51 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Designer's Palette]]></category>

		<guid isPermaLink="false">http://sunfalldesigns.com/?p=275</guid>
		<description><![CDATA[<a href="http://sunfalldesigns.com/?p=275"><img src="http://sunfalldesigns.com/wp-content/uploads/2010/01/edvrex.jpg" alt="" title="bxp22778h" width="600" height="228" class="alignnone size-full wp-image-280" style="border: solid 5px #134735" /></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://sunfalldesigns.com/wp-content/uploads/2010/01/edvrex.jpg"><img src="http://sunfalldesigns.com/wp-content/uploads/2010/01/edvrex.jpg" alt="" title="bxp22778h" width="600" height="228" class="alignnone size-full wp-image-280" style="border: solid 5px #134735; margin-bottom:20px;" /></a></p>
<p>One debate that I&#8217;ve heard time and time again has been the issue of experience over education. Recently in the office we conducted this small debate in what appeals to a company more when looking for a web / graphic designer. When getting a full time job, or a contracted gig, does the company look more at your work experience, or your amount of education?</p>
<p>Personally, I leaned more towards work experience because said company is not only looking for designers who have a solid portfolio history, but have that experience of working in a fast paced environment and know how to handle a crazy multi-tasking place like a design studio. I&#8217;ve worked with a lot of fresh graduates who can do really awesome work, but taking a full day or more to do so. At the end of the day you get one really awesome mock-up / logo, but 10 more take it&#8217;s place in a high traffic design studio. Not saying this comes from <em>all</em> fresh graduates that are interning, but I&#8217;ve seen it a lot, and unfortunately move on due to stress.</p>
<p>On the flip side I&#8217;ve worked with some grads who can code up full Facebook style websites in just under 3 days, which is phenomenal by all sense of the word.</p>
<p>The downside of having work experience but no degree is the pay. It is very hard to convince the employer to be paid at a rate ( with appropriate research ) that seems consistent and fair with the work involved. The higher the degree you have in your field, the better chance you&#8217;ll have of getting a better rate. It&#8217;s just fact. A degree also has priority when it comes to office rank. The designer who has five years or more work experience gets a good position, but the man with the Bachelors gets title of Project Manager. Not saying this is fair or un-fair by any means, it&#8217;s just fact.</p>
<p>So, what has the upper hand in getting hired / staying hired, the work experience and a lengthy portfolio of work history, or the degree with a solid student portfolio? This also includes freelance contracts and gigs.</p>
<p>Let the debate begin!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.caseyhald.com/education-vs-experience-the-never-ending-debate/feed/</wfw:commentRss>
		<slash:comments>18</slash:comments>
		</item>
		<item>
		<title>V-cast SF #3 &#124; Pursue Your Passions Like a Boss!</title>
		<link>http://www.caseyhald.com/pursue-your-passions-like-a-boss/</link>
		<comments>http://www.caseyhald.com/pursue-your-passions-like-a-boss/#comments</comments>
		<pubDate>Sat, 18 Jul 2009 04:51:14 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Designer's Palette]]></category>

		<guid isPermaLink="false">http://sunfalldesigns.com/wordpress/?p=52</guid>
		<description><![CDATA[
This weeks post I want to talk about following your passions as a web designer and how to get into the industry.
If you have been dreaming of the perfect job that reflects your very passions as a person, I suggest that you just try it. Not saying that you should go freelance right away by [...]]]></description>
			<content:encoded><![CDATA[<p><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="437" height="348" id="viddler_46a406b1"><param name="movie" value="http://www.viddler.com/simple/46a406b1/" /><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="true" /><embed src="http://www.viddler.com/simple/46a406b1/" width="437" height="348" type="application/x-shockwave-flash" allowScriptAccess="always" allowFullScreen="true" name="viddler_46a406b1"></embed></object></p>
<p>This weeks post I want to talk about following your passions as a web designer and how to get into the industry.</p>
<p>If you have been dreaming of the perfect job that reflects your very passions as a person, I suggest that you just try it. Not saying that you should go freelance right away by any means, but start in baby steps. Start taking a community college course on the subject, and see if you&#8217;re still interested after the class is over. If after that you still want to pursue that ambition, take as much extra time that you can to learn the subject consistently. This means taking more courses, buying a couple books and spending a few hours each night writing notes and studying, and actually trying it out! Don&#8217;t be afraid to create something for the first time, because once you do this, you&#8217;ve already completed the first step.</p>
<p>Here are a few steps I used to get myself in the field</p>
<p>When starting out in any field, surround yourselves with professionals related to that field. The reason being is so you can learn from their experience, have someone to accurately answer your questions, and more over someone to critique your work, and suggest ways that you can improve.</p>
<p>The key to finding any clients when you first start working on your own is identifying your niche. What sets you apart from other designers that are looking for the same target market? Once you do this, you can find others who sell to the same market, but arn&#8217;t direct competitors. Once you do this, you can start networking with other people to referral work back and forth, creating a stable stream of clients in your network. I am not a freelance, but I do receive consistent work through this method. I recommend that you go to your city&#8217;s chamber of commerce, start talking with others about what they do, and from their start networking with them. A good example of a perfect relationship with a web designer are web programmers, graphic designers, photographers, and social media marketers just to name a few. They all share the same creative market, but arn&#8217;t competing each other because their services differ.</p>
<p><a href="http://www.sunfalldesigns.com/contact.html"><img src="http://www.sunfalldesigns.com/images/wp2.jpg" style="margin-right:100%; margin-bottom:20px; margin-top:20px;" border="0" /></a></p>
<p>If you have any questions on how to get your foot in the door, I would absolutely love to speak with you! Shoot me an email via my contacts page. Maybe I can even add you in my network! <img src='http://www.caseyhald.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
<p>Some #FF Love. Most of these people I interact with daily, so give them a follow. All are awesome!</p>
<ul>
<li><a href="http://twitter.com/fontburger">@fontburger</a></li>
<li><a href="http://twitter.com/joshcagwin">@joshcagwin</a></li>
<li><a href="http://twitter.com/aaroni268">@aaroni268</a></li>
<li><a href="http://twitter.com/openboxcreative">@openboxcreative</a></li>
<li><a href="http://twitter.com/adellecharles">@adellecharles</a></li>
<li><a href="http://twitter.com/kylesteed">@kylesteed</a></li>
<li><a href="http://twitter.com/chatcreative">@chatcreative</a></li>
<li><a href="http://twitter.com/joelbeukelman">@joelbeukelman</a></li>
<li><a href="http://twitter.com/omgxzombies">@omgxzombies</a></li>
<li><a href="http://twitter.com/Marcellpurham">@Marcellpurham</a></li>
<li><a href="http://twitter.com/joshroyse">@joshroyse</a></li>
<li><a href="http://twitter.com/death2themovies">@death2themovies</a></li>
<li><a href="http://twitter.com/cherub_rock123">@cherub_rock123</a></li>
<li><a href="http://twitter.com/lopezdesigns">@lopezdesigns</a></li>
<li><a href="http://twitter.com/theleggett">@theleggett</a></li>
<li><a href="http://twitter.com/est_1911">@est_1911</a></li>
<li><a href="http://twitter.com/motbones">@motbones</a></li>
<li><a href="http://twitter.com/UDontKnowJackie">@UDontKnowJackie</a></li>
<li><a href="http://twitter.com/shaken_blake">@shaken_blake</a></li>
<li><a href="http://twitter.com/seotips2go">@seotips2go</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.caseyhald.com/pursue-your-passions-like-a-boss/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>V-cast SF #2 &#124; Epic Fail</title>
		<link>http://www.caseyhald.com/v-cast-sf-2-epic-fail/</link>
		<comments>http://www.caseyhald.com/v-cast-sf-2-epic-fail/#comments</comments>
		<pubDate>Wed, 01 Jul 2009 06:57:47 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Designer's Palette]]></category>

		<guid isPermaLink="false">http://sunfalldesigns.com/wordpress/?p=25</guid>
		<description><![CDATA[

Sorry about the abrupt ending.. I almost didn&#8217;t post a V-cast today because of our room being invaded by summer bugs. But alas, here it is!

So for this post I&#8217;m just talking about how I preformed an epic fail at work, how designers should learn from their mistakes, and how to turn them into accurate [...]]]></description>
			<content:encoded><![CDATA[<p><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="437" height="348" id="viddler_7aac20d4"><param name="movie" value="http://www.viddler.com/simple/7aac20d4/" /><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="true" /><embed src="http://www.viddler.com/simple/7aac20d4/" width="437" height="348" type="application/x-shockwave-flash" allowScriptAccess="always" allowFullScreen="true" name="viddler_7aac20d4"></embed></object></p>
<blockquote cite="#linktoquote">
<p>Sorry about the abrupt ending.. I almost didn&#8217;t post a V-cast today because of our room being invaded by summer bugs. But alas, here it is!</p>
</blockquote>
<p>So for this post I&#8217;m just talking about how I preformed an epic fail at work, how designers should learn from their mistakes, and how to turn them into accurate designs. Basically, don&#8217;t take your critiques personally. Your company hired you so you can interpret their thoughts on a medium, so there <em>will</em> be misinterpretations and mistakes constantly. </p>
<blockquote cite="#linktoquote">
<p>You are the pen to which their thoughts are rendered.</p>
</blockquote>
<p>So that&#8217;s about it for this weeks SF V-cast. Next week I&#8217;m going to interview some surprise guests, so stay tuned!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.caseyhald.com/v-cast-sf-2-epic-fail/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
	</channel>
</rss>
