<?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>It's Called Web Design</title>
	<atom:link href="http://itscalledwebdesign.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://itscalledwebdesign.com</link>
	<description>Web 2.0 is so 2004. . . .</description>
	<lastBuildDate>Fri, 27 Jan 2012 16:59:14 +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>Eckert Sweetheart</title>
		<link>http://itscalledwebdesign.com/photoshop-brushes/eckert-sweetheart/</link>
		<comments>http://itscalledwebdesign.com/photoshop-brushes/eckert-sweetheart/#comments</comments>
		<pubDate>Fri, 27 Jan 2012 16:58:11 +0000</pubDate>
		<dc:creator>eckert</dc:creator>
				<category><![CDATA[Photoshop Brushes]]></category>
		<category><![CDATA[brushes]]></category>
		<category><![CDATA[heart]]></category>
		<category><![CDATA[love]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[sweetheart]]></category>
		<category><![CDATA[valentine]]></category>

		<guid isPermaLink="false">http://itscalledwebdesign.com/?p=714</guid>
		<description><![CDATA[Here is a set of sweetheart themed brushed I made. You can use them on any work, personal, professional or commercial. If you use them, feel free to comment with a link below. Download &#8211; Eckert Sweetheart Brushes #1 (210kb)]]></description>
			<content:encoded><![CDATA[<p>Here is a set of sweetheart themed brushed I made.</p>
<p>You can use them on any work, personal, professional or commercial.</p>
<p>If you use them, feel free to comment with a link below.<br />
<span id="more-714"></span></p>
<div class="button2"><a href="http://itscalledwebdesign.com/wp-content/uploads/eckert-sweetheart1.zip"></a></div>
<p></p>
<p><a href="http://itscalledwebdesign.com/wp-content/uploads/eckert-sweetheart1.zip">Download &#8211; Eckert Sweetheart Brushes #1 (210kb)</a><br />
<a href="http://itscalledwebdesign.com/wp-content/uploads/sweetheart.jpg"><img src="http://itscalledwebdesign.com/wp-content/uploads/sweetheart.jpg" alt="" title="sweetheart" width="600" height="750" class="alignnone size-full wp-image-716" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://itscalledwebdesign.com/photoshop-brushes/eckert-sweetheart/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>PHP Math and WordPress Custom Keys</title>
		<link>http://itscalledwebdesign.com/tutorials/php-math-and-wordpress-custom-keys/</link>
		<comments>http://itscalledwebdesign.com/tutorials/php-math-and-wordpress-custom-keys/#comments</comments>
		<pubDate>Thu, 23 Dec 2010 16:25:30 +0000</pubDate>
		<dc:creator>eckert</dc:creator>
				<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://itscalledwebdesign.com/?p=699</guid>
		<description><![CDATA[I was inputting numbers as custom keys in a WordPress site and I was manually having to do some arithmetic on them. After being more than annoyed at this repetitive task, I decided to try and figure out how to use PHP to do this for me. I&#8217;ll provide a basic example of math and [...]]]></description>
			<content:encoded><![CDATA[<p>I was inputting numbers as custom keys in a <a href="http://wordpress.org" target="_blank">WordPress</a> site and I was manually having to do some arithmetic on them.<br />
<span id="more-699"></span><br />
After being more than annoyed at this repetitive task, I decided to try and figure out how to use PHP to do this for me.  I&#8217;ll provide a basic example of math and then show the actual usage I came up with (along with some help from <a href="http://mattrief.com" target="_blank">Matt Rief</a>).</p>
<p>First and foremost, if you don&#8217;t know how to use custom keys, check out <a href="http://itscalledwebdesign.com/tutorials/wordpress-custom-keys/">THIS</a> tutorial.  It&#8217;s not quite the same in this instance, but gives you a good heads up.</p>
<p>Ok, to set a simple problem up, let&#8217;s say you have two custom keys &#8220;start&#8221; and &#8220;end&#8221; that you want to subtract and then have the code output.  Set those keys within your WP post and then implement this code into the php template (index, single, page, etc) that you want it to show up.</p>
<pre>$start = get_post_meta($post->ID, 'start', true);
$end = get_post_meta($post->ID, 'end', true);
$total = $start - $end;
echo $total;</pre>
<p>The result of the subtraction should then appear where you have this code situated. </p>
<p>Next, let&#8217;s add some more complications.  My example is a site in which I was having people weigh-in and out over a 10 week period.  I wanted to output the amount and percentage of weight they lost.  We can use the above code to get the amount lost, but need to add in some more to get the percentage lost and to have it appear in percentage form.</p>
<pre>
$start = get_post_meta($post->ID, 'start', true);
$end = get_post_meta($post->ID, 'end', true);
$total = $start - $end;
$perc = ($start - $end) / $start;
$calculation = (round($perc*10000)/100);

echo $total .'&nbsp;(' .$calculation .'%)';
</pre>
<p>What this is now doing is echoing the total, which is the amount lost, giving us a non-breaking space and then showing the percentage lost in parenthesis.  The percentage lost is determined by subtracting the end weight from the beginning and then dividing that result from the original weight.  We get a long decimal number that needs to be converted to a percentage, so we then use the $calculation bit to clean that up.</p>
<p>Lastly, we had people who did not weigh-out at the end of the challenge.  Their end weight was designated by DNW.  If this is the case, that throws the arithmetic off, so we want an if else statement to fix that issue.</p>
<pre>
$start = get_post_meta($post->ID, 'start', true);
$end = get_post_meta($post->ID, 'end', true);
$total = $start - $end;
$perc = ($start - $end) / $start;
$calculation = (round($perc*10000)/100);

if($end == DNW)
echo "";
else
echo $total .'&nbsp;(' .$calculation .'%)';
</pre>
<p>What this does is check to see if the end custom key from the post is &#8220;DNW&#8221;.  If it is, then it returns nothing.  Otherwise, it returns the total and percentage.</p>
]]></content:encoded>
			<wfw:commentRss>http://itscalledwebdesign.com/tutorials/php-math-and-wordpress-custom-keys/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Open Multiple Homepages in Firefox</title>
		<link>http://itscalledwebdesign.com/tutorials/open-multiple-homepages-in-firefox/</link>
		<comments>http://itscalledwebdesign.com/tutorials/open-multiple-homepages-in-firefox/#comments</comments>
		<pubDate>Fri, 08 Oct 2010 19:02:11 +0000</pubDate>
		<dc:creator>eckert</dc:creator>
				<category><![CDATA[Firefox]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[homepage]]></category>
		<category><![CDATA[tabs]]></category>

		<guid isPermaLink="false">http://itscalledwebdesign.com/?p=691</guid>
		<description><![CDATA[Want to open Firefox and have all the sites you visit open automatically in tabs? I knew Chrome could do this, but didn&#8217;t realize Firefox had this until today. The easiest way is to just open whichever pages you want in tabs. Go to &#8220;Tools&#8221; and then &#8220;Options&#8221; and under the &#8220;General&#8221; tab it has [...]]]></description>
			<content:encoded><![CDATA[<p>Want to open Firefox and have all the sites you visit open automatically in tabs?<br />
<span id="more-691"></span><br />
I knew Chrome could do this, but didn&#8217;t realize Firefox had this until today.</p>
<p>The easiest way is to just open whichever pages you want in tabs.  Go to &#8220;Tools&#8221; and then &#8220;Options&#8221; and under the &#8220;General&#8221; tab it has the options to set the homepage.  Click the button that reads, &#8220;Use Current Pages&#8221;.</p>
<p>Done<span style="color: #ff0000;">*</span>.</p>
<p>If you want to just add another site to your homepage list or enjoy typing things in manually, just separate your URLs with | and it will work the same.</p>
<p><span style="color: #ff0000;">*WARNING</span> &#8211; if you use the HOME button in Firefox, this option is not great because it will open all your homepages when you click it.  If you don&#8217;t use this button often, then it might be fine.</p>
<p>A better option for you might be to make a Bookmarks Toolbar Folder.  Just click on your Bookmarks Toolbar, select New Folder and then drag your bookmarks into that folder.  Now you can right-click this folder and select to &#8220;Open All in Tabs&#8221;.</p>
]]></content:encoded>
			<wfw:commentRss>http://itscalledwebdesign.com/tutorials/open-multiple-homepages-in-firefox/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Eckert Drawings During Meetings #1</title>
		<link>http://itscalledwebdesign.com/photoshop-brushes/eckert-drawings-during-meetings-1/</link>
		<comments>http://itscalledwebdesign.com/photoshop-brushes/eckert-drawings-during-meetings-1/#comments</comments>
		<pubDate>Mon, 16 Aug 2010 20:19:41 +0000</pubDate>
		<dc:creator>eckert</dc:creator>
				<category><![CDATA[Photoshop Brushes]]></category>
		<category><![CDATA[characters]]></category>
		<category><![CDATA[doodles]]></category>
		<category><![CDATA[drawings]]></category>

		<guid isPermaLink="false">http://itscalledwebdesign.com/?p=675</guid>
		<description><![CDATA[Set number one of brushes made from drawings on my blog. You can use them on any work, personal, professional or commercial. Don’t give me credit and don’t pay me anything. If you use them, feel free to comment with a link below. Download &#8211; Eckert Drawings During Meetings #1 (224kb)]]></description>
			<content:encoded><![CDATA[<p>Set number one of brushes made from drawings on my <a href="http://drawings.yntmedia.com/">blog</a>.<br />
You can use them on any work, personal, professional or commercial.<br />
Don’t give me credit and don’t pay me anything.<br />
<span id="more-675"></span><br />
If you use them, feel free to comment with a link below.</p>
<div class="button2"><a href="http://itscalledwebdesign.com/wp-content/uploads/eckert_ddm01.zip"></a></div>
<p></p>
<p><a href="http://itscalledwebdesign.com/wp-content/uploads/eckert_ddm01.zip">Download &#8211; Eckert Drawings During Meetings #1 (224kb)</a><br />
<img src="http://itscalledwebdesign.com/wp-content/uploads/ddm01.jpg" alt="" title="ddm01" width="600" height="800" class="alignnone size-full wp-image-677" /></p>
]]></content:encoded>
			<wfw:commentRss>http://itscalledwebdesign.com/photoshop-brushes/eckert-drawings-during-meetings-1/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Eckert Stamps #1</title>
		<link>http://itscalledwebdesign.com/photoshop-brushes/eckert-stamps-1/</link>
		<comments>http://itscalledwebdesign.com/photoshop-brushes/eckert-stamps-1/#comments</comments>
		<pubDate>Mon, 16 Aug 2010 19:42:51 +0000</pubDate>
		<dc:creator>eckert</dc:creator>
				<category><![CDATA[Photoshop Brushes]]></category>

		<guid isPermaLink="false">http://itscalledwebdesign.com/?p=671</guid>
		<description><![CDATA[Set number one of brushes made from stamps. You can use them on any work, personal, professional or commercial. Don’t give me credit and don’t pay me anything. If you use them, feel free to comment with a link below. Download &#8211; Eckert Stamps #1 (5.1mb)]]></description>
			<content:encoded><![CDATA[<p>Set number one of brushes made from stamps.<br />
You can use them on any work, personal, professional or commercial.<br />
Don’t give me credit and don’t pay me anything.<br />
<span id="more-671"></span><br />
If you use them, feel free to comment with a link below.</p>
<div class="button2"><a href="http://itscalledwebdesign.com/wp-content/uploads/eckert_stamps011.zip"></a></div>
<p></p>
<p><a href="http://itscalledwebdesign.com/wp-content/uploads/eckert_stamps011.zip">Download &#8211; Eckert Stamps #1 (5.1mb)</a></p>
<p><img src="http://itscalledwebdesign.com/wp-content/uploads/eckert_stamps012.jpg" alt="" title="eckert_stamps01" width="600" height="800" class="alignnone size-full wp-image-673" /></p>
]]></content:encoded>
			<wfw:commentRss>http://itscalledwebdesign.com/photoshop-brushes/eckert-stamps-1/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Web Designer Firefox Add-ons</title>
		<link>http://itscalledwebdesign.com/tutorials/web-designer-firefox-add-ons/</link>
		<comments>http://itscalledwebdesign.com/tutorials/web-designer-firefox-add-ons/#comments</comments>
		<pubDate>Mon, 16 Aug 2010 15:56:32 +0000</pubDate>
		<dc:creator>eckert</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[addons]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[develop]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[ie]]></category>
		<category><![CDATA[tools]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://itscalledwebdesign.com/?p=589</guid>
		<description><![CDATA[If you design websites, these will make your life so much easier. (updated 8-16) First, use Firefox (download here). Next, check out these add-ons. ColorZilla &#8211; let&#8217;s you pick out any color on a webpage and save it&#8217;s RGB or HTML color value. Web Developer&#8217;s Toolbar &#8211; this thing has saved many a day with [...]]]></description>
			<content:encoded><![CDATA[<p>If you design websites, these will make your life so much easier. (updated 8-16)<br />
<span id="more-589"></span><br />
First, use Firefox (<a href="http://www.mozilla.com/products/download.html?product=firefox-3.0.4&#038;os=win&#038;lang=en-US">download here</a>).</p>
<p>Next, check out these add-ons.</p>
<p><a href="https://addons.mozilla.org/en-US/firefox/addon/271">ColorZilla</a> &#8211; let&#8217;s you pick out any color on a webpage and save it&#8217;s RGB or HTML color value.</p>
<p><a href="https://addons.mozilla.org/en-US/firefox/addon/60">Web Developer&#8217;s Toolbar</a> &#8211; this thing has saved many a day with it&#8217;s ruler, div selector and other great features.</p>
<p><a href="https://addons.mozilla.org/en-US/firefox/addon/1843">Firebug</a> &#8211; I don&#8217;t know how I survived without this.  Offers real-time in-browser editing to any websites HTML, CSS and Javascript.</p>
<p><a href="https://addons.mozilla.org/en-US/firefox/addon/1146/">Screengrab!</a> &#8211; Hands down, the best screen shooting program I&#8217;ve found to-date.  You can save or copy the whole webpage, the visible portion, your own selection or the window.</p>
<p><a href="https://addons.mozilla.org/en-US/firefox/addon/ie-tab-2-ff-36/">IE Tab</a> &#8211; face it, IE is a pain that has no standards.  After using a standards-compliant browser to design and develop your site, use this plugin with a simple right-click option to view any page in IE.  Then enjoy fixing all of it&#8217;s errors.</p>
<p><a href="https://addons.mozilla.org/en-US/firefox/addon/3036/">SEO Quake</a> &#8211; a great toolbar to gain knowledge about the Google Page Rank, link structures and other important SEO factors.</p>
]]></content:encoded>
			<wfw:commentRss>http://itscalledwebdesign.com/tutorials/web-designer-firefox-add-ons/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>E2 Blog Time</title>
		<link>http://itscalledwebdesign.com/theme/e2-blog-time/</link>
		<comments>http://itscalledwebdesign.com/theme/e2-blog-time/#comments</comments>
		<pubDate>Fri, 13 Aug 2010 21:09:42 +0000</pubDate>
		<dc:creator>eckert</dc:creator>
				<category><![CDATA[WordPress Themes]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://itscalledwebdesign.com/?p=646</guid>
		<description><![CDATA[The E2 Page Time theme, but with a sidebar and set up so you can get your blog on! Having problems with it? Leave a comment and let me know.]]></description>
			<content:encoded><![CDATA[<p>The E2 Page Time theme, but with a sidebar and set up so you can get your blog on!<br />
<span id="more-646"></span><br />
Having problems with it?  Leave a comment and let me know.</p>
<div class="button2" style="margin-bottom: 20px;"><a href="http://itscalledwebdesign.com/wp-content/plugins/download-monitor/download.php?id=20"></a></div>
<a class="downloadlink" href="http://itscalledwebdesign.com/wp-content/plugins/download-monitor/download.php?id=20" title="Version1.0 downloaded 370 times" >E2 Blog Time.zip  (370)</a>
]]></content:encoded>
			<wfw:commentRss>http://itscalledwebdesign.com/theme/e2-blog-time/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>How to type a cent sign ¢</title>
		<link>http://itscalledwebdesign.com/tutorials/how-to-type-a-cent-sign-%c2%a2/</link>
		<comments>http://itscalledwebdesign.com/tutorials/how-to-type-a-cent-sign-%c2%a2/#comments</comments>
		<pubDate>Fri, 05 Feb 2010 17:22:51 +0000</pubDate>
		<dc:creator>eckert</dc:creator>
				<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://itscalledwebdesign.com/?p=637</guid>
		<description><![CDATA[This one has bothered me for a long time. To type a cent sign &#8220;¢&#8221; in Windows just hold the ALT key and then type 0-1-6-2 into the keypad. Once you let go of the ALT key, the ¢ should appear. If it doesn&#8217;t, I would guess user error is involved. That, or since you [...]]]></description>
			<content:encoded><![CDATA[<p>This one has bothered me for a long time.<br />
<span id="more-637"></span><br />
To type a cent sign &#8220;¢&#8221; in Windows just hold the ALT key and then type 0-1-6-2 into the keypad.</p>
<p>Once you let go of the ALT key, the ¢ should appear.</p>
<p>If it doesn&#8217;t, I would guess user error is involved.</p>
<p>That, or since you are currently here, you can just copy and paste this one.</p>
<pre>¢</pre>
]]></content:encoded>
			<wfw:commentRss>http://itscalledwebdesign.com/tutorials/how-to-type-a-cent-sign-%c2%a2/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Free Icon Sets</title>
		<link>http://itscalledwebdesign.com/found-stuff/free-icon-set-2/</link>
		<comments>http://itscalledwebdesign.com/found-stuff/free-icon-set-2/#comments</comments>
		<pubDate>Thu, 14 Jan 2010 19:55:32 +0000</pubDate>
		<dc:creator>eckert</dc:creator>
				<category><![CDATA[Found Stuff]]></category>

		<guid isPermaLink="false">http://itscalledwebdesign.com/?p=631</guid>
		<description><![CDATA[Here are some nice free icons for you. There are quite a few nice groups of free icons in here, so check em out: http://iconfever.com/category/free-icons/]]></description>
			<content:encoded><![CDATA[<p>Here are some nice free icons for you.<br />
<span id="more-631"></span><br />
There are quite a few nice groups of free icons in here, so check em out:<br />
<a href="http://iconfever.com/category/free-icons/" target="_blank">http://iconfever.com/category/free-icons/</a></p>
<p><img src="http://iconfever.com/images/1109/vec-2.jpg"></p>
<p><img src="http://iconfever.com/images/1209/bwpx-2.jpg"></p>
<p><img src="http://iconfever.com/images/1109/imod-2.jpg"></p>
]]></content:encoded>
			<wfw:commentRss>http://itscalledwebdesign.com/found-stuff/free-icon-set-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Print-only CSS</title>
		<link>http://itscalledwebdesign.com/tutorials/print-only-css/</link>
		<comments>http://itscalledwebdesign.com/tutorials/print-only-css/#comments</comments>
		<pubDate>Wed, 06 Jan 2010 16:59:57 +0000</pubDate>
		<dc:creator>eckert</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://itscalledwebdesign.com/?p=624</guid>
		<description><![CDATA[How many times have you printed off a webpage, only to have it spit page after page of waste from your printer? If you have a site that people might be printing pages from, you should include a print CSS file that will allow you to print only specific items from the page. In the [...]]]></description>
			<content:encoded><![CDATA[<p>How many times have you printed off a webpage, only to have it spit page after page of waste from your printer?<br />
<span id="more-624"></span><br />
If you have a site that people might be printing pages from, you should include a print CSS file that will allow you to print only specific items from the page.</p>
<p>In the head code under your normal CSS, simply insert this code</p>
<pre>&lt;link rel="stylesheet" media="print" type="text/css" href="http://yoursite.com/print.css" /&gt;</pre>
<p>Next make the print.css file on your server and start setting objects to display:block if you would like it to print or display:none if you do not.</p>
<p>This is not the limitation of the print.css file though.  You can also change font-sizes, margins, floats, etc so that the printed version of your page looks much better.</p>
<p>One nice feature that you can add is a line that says something like &#8220;Thanks for visiting our site and printing this page!&#8221;.  Just place it in an element and add a class like class=&#8221;printmessage&#8221;.  In your regular CSS just list .printmessage {display:none;} and in your print.css label it .printmessage {display:block;}.</p>
]]></content:encoded>
			<wfw:commentRss>http://itscalledwebdesign.com/tutorials/print-only-css/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

