<?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>Jeff Bridgforth :: Webcraftsman &#187; Tutorial / How-tos</title>
	<atom:link href="http://jeffbridgforth.com/category/how-tos/feed/" rel="self" type="application/rss+xml" />
	<link>http://jeffbridgforth.com</link>
	<description></description>
	<lastBuildDate>Tue, 15 Jun 2010 17:57:58 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=abc</generator>
		<item>
		<title>Great Designers &lt;del&gt;Steal&lt;/del&gt; Practice</title>
		<link>http://jeffbridgforth.com/great-designers-practice/</link>
		<comments>http://jeffbridgforth.com/great-designers-practice/#comments</comments>
		<pubDate>Thu, 16 Apr 2009 00:30:22 +0000</pubDate>
		<dc:creator>Jeff</dc:creator>
				<category><![CDATA[Best Practices]]></category>
		<category><![CDATA[Design (Web)]]></category>
		<category><![CDATA[Tutorial / How-tos]]></category>
		<category><![CDATA[becoming a better Web designer]]></category>
		<category><![CDATA[practice]]></category>
		<category><![CDATA[Web design]]></category>

		<guid isPermaLink="false">http://jeffbridgforth.com/?p=548</guid>
		<description><![CDATA[Last week, Cameron Moll posted Good Musicians Copy. It was a follow-up to a post he made several years ago, Good Designers Copy, Great Designers Steal. In that article, Cameron was: “…attempting to describe the idea of becoming a better designer by dissecting, analyzing, and ‘copying’ the works of other designers.” In his follow-up article, [...]]]></description>
			<content:encoded><![CDATA[<p>Last week, Cameron Moll posted <a title="Cameron Moll's Design Blog" href="http://cameronmoll.com/archives/2009/04/drummer_tony_williams_good_musicians_copy/">Good Musicians Copy</a>. It was a follow-up to a post he made several years ago, <a title="Article from 2003 on Sitepoint's Web site" href="http://www.google.com/url?sa=t&amp;source=web&amp;ct=res&amp;cd=1&amp;url=http%3A%2F%2Fwww.sitepoint.com%2Farticle%2Fcopy-great-designers-steal%2F&amp;ei=I3nmScSKIub2nQeB6piYBw&amp;usg=AFQjCNGPdxgmuW3O9_HrCzohBBTsE9zoxw&amp;sig2=0Jrf3EvwWS8DTt0aoqcYmw">Good Designers Copy, Great Designers Steal</a>. In that article, <cite>Cameron</cite> was:</p>
<blockquote><p>“…attempting to describe the idea of becoming a better designer by dissecting, analyzing, and ‘copying’ the works of other designers.”</p></blockquote>
<p>In his follow-up article, he talks about how Tony Williams, a drummer, would practice playing in the style of other drummers in order to become a better drummer himself. Cameron’s point was:</p>
<blockquote><p>“…you become a good designer by familiarizing yourself with the methods and techniques used by those who are already good designers.”</p></blockquote>
<p>As I read that, I thought about 2 ideas that I came across from other designers that were similar to what Tony Williams did.</p>
<ol>
<li>In his book, <a title="Book published by SitePoint" href="http://www.sitepoint.com/books/sexy1/">Sexy Web Design</a>, <a href="http://elliotjaystocks.com">Elliot Jay Stocks</a> recommended looking at the work of other Web designers and then doing a wireframe of their design in order to study layout. I had a similar idea back in December when I bought the book, <a href="http://astore.amazon.com/webcraftsman-20/detail/1600610641">The Web Designer’s Idea Book</a>.</li>
<li>On the same day I read Cameron’s post, Chris Coyier wrote a post, <a title="Article on CSS Tricks" href="http://css-tricks.com/excercise-to-get-better-at-web-design/">Exercise to Get Better at Web Design</a>. This article is even more in line with Tony William’s idea. Chris suggests finding a Web design you really like and then try to copy it identically. He even suggests looking for ways to put your own spin on it while you are recreating the design. Chris is not advocating design theft here but it is a similar idea to how Tony Williams would practice in the style of other drummers. <a href="http://css-tricks.com/excercise-to-get-better-at-web-design/">Check out Chris’ article</a> for all the steps of his suggested exercise.</li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://jeffbridgforth.com/great-designers-practice/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Adventures in sIFR</title>
		<link>http://jeffbridgforth.com/adventures-in-sifr/</link>
		<comments>http://jeffbridgforth.com/adventures-in-sifr/#comments</comments>
		<pubDate>Wed, 09 Jul 2008 01:50:41 +0000</pubDate>
		<dc:creator>Jeff</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[My work]]></category>
		<category><![CDATA[Tutorial / How-tos]]></category>
		<category><![CDATA[Typography]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[new techniques]]></category>
		<category><![CDATA[sIFR]]></category>
		<category><![CDATA[Web design]]></category>

		<guid isPermaLink="false">http://jeffbridgforth.com/?p=182</guid>
		<description><![CDATA[I enjoy the challenge of learning how to do new things. Working with the Web is a great fit because there are always things to learn. Over the past year, I have tried to incorporate something new into every Web design project that I do. I am currently working on a new design for Campus [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignright" style="float: right;" src="http://www.mikeindustries.com/blog/images/inline/logo_sifr2.gif" alt="" width="192" height="116" />I enjoy the challenge of learning how to do new things. Working with the Web is a great fit because there are always things to learn. Over the past year, I have tried to incorporate something new into every Web design project that I do.</p>
<p>I am currently working on a new design for <a title="Campus Crusade's Summer Mission Project promotional Web site" href="http://gosummerproject.com">Campus Crusade’s Summer Mission Projects</a> site. It is an exciting project because it is the first to be a total package. Our team is working on the promotional videos, print brochure, sticker and Web site. The video has been the lead player in determining the common design thread that will weave through all the pieces in the package.</p>
<p>For the Web site, I am using “real-life” elements of a desk and it’s contents and combining it with illustrations that create a fantasy world within the video.</p>
<p>As I have progressed with the design, the headings typography was begging to be a scripted style that fit into the theme of a sketchbook on a desk. Now I was faced with the problem of how to create those headings in a scripted font. I decided to use image replacement for navigational elements. But as I thought about it, <a title="Official sIFR Web site" href="http://wiki.novemberborn.net/sifr">sIFR</a> seemed to be a good solution for the content headings instead of image replacement.</p>
<p>I have never used sIFR before and this seemed like the perfect opportunity to give it a try. I found a tutorial, <a title="Tutorial on how to get up and running with sIFR 3" href="http://designintellection.com/2008/this-is-how-you-get-sifr-to-work/#comment-14525">This is How I Got sIFR to Work</a>. The author’s intent was to distill the “official” documentation into a simplier form. I give him kudos on accomplishing that intention.</p>
<p>I was very excited tonight when I finally got it to work. I had been working with it for a couple of hours last week but never had success. Now I am not always the best at following instructions so tonight, I decided to go back and go through each step. (I never follow the owner’s manual of a new electronic toy. I would rather play with it and figure it out myself.)</p>
<p>One of the first things I found was the swf file I created last week did not work correctly so I went back and created one according to the tutorial. Also the first time I was working through the tutorial, I did not <a title="sIFR 3 nightly builds" href="http://dev.novemberborn.net/sifr3/nightlies/">download the latest sIFR</a> from the place the author suggested. So as I had worked through his tutorial, several things were not matching up. That had really been frustrating. It was so much easier to have the right version and be seeing the same things the tutorial was describing.</p>
<p>I am so glad I stuck with learning. I think this is an appropriate and smart solution. I will not have to create images for every heading and it was also cut the download time.</p>
]]></content:encoded>
			<wfw:commentRss>http://jeffbridgforth.com/adventures-in-sifr/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Licensing music for podcast intros</title>
		<link>http://jeffbridgforth.com/licensing-music-for-podcast-intros/</link>
		<comments>http://jeffbridgforth.com/licensing-music-for-podcast-intros/#comments</comments>
		<pubDate>Mon, 19 May 2008 14:02:22 +0000</pubDate>
		<dc:creator>Jeff</dc:creator>
				<category><![CDATA[Tutorial / How-tos]]></category>
		<category><![CDATA[American Society of Composers]]></category>
		<category><![CDATA[ASCAP]]></category>
		<category><![CDATA[Authors and Publishers]]></category>
		<category><![CDATA[how to]]></category>
		<category><![CDATA[Music]]></category>
		<category><![CDATA[podcast]]></category>
		<category><![CDATA[UIE]]></category>

		<guid isPermaLink="false">http://jeffbridgforth.com/?p=179</guid>
		<description><![CDATA[Brian Christiansen wrote about the music he uses for the UIE podcasts. Brian mentioned that he has licensed the music through ASCAP. I checked their Web site and there is information about getting a license to use music for podcast intros, etc. The minimum license fee is $288 annually and then the balance is determined [...]]]></description>
			<content:encoded><![CDATA[<p><a title="Blog post on UIE's Web site" href="http://www.uie.com/brainsparks/2008/05/09/our-podcast-theme-music/">Brian Christiansen wrote</a> about the music he uses for the <a title="Podcasts from UIE featuring Jared Spool" href="http://uie.com/audio">UIE podcasts</a>. Brian mentioned that he has licensed the music through ASCAP. I checked their Web site and there is information about getting a license to use music for podcast intros, etc. The minimum license fee is $288 annually and then the balance is determined by revenue generated by the site and other factors.</p>
<p><a href="http://www.ascap.com/weblicense/">ASCAP Internet Music License Agreement</a></p>
]]></content:encoded>
			<wfw:commentRss>http://jeffbridgforth.com/licensing-music-for-podcast-intros/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Design is in the Details</title>
		<link>http://jeffbridgforth.com/design-is-in-the-details/</link>
		<comments>http://jeffbridgforth.com/design-is-in-the-details/#comments</comments>
		<pubDate>Fri, 02 May 2008 14:50:56 +0000</pubDate>
		<dc:creator>Jeff</dc:creator>
				<category><![CDATA[Best Practices]]></category>
		<category><![CDATA[Design (Web)]]></category>
		<category><![CDATA[Tutorial / How-tos]]></category>

		<guid isPermaLink="false">http://jeffbridgforth.com/?p=176</guid>
		<description><![CDATA[Here are some memorable points from Dan Rubin and Bryan Veloso’s talk, Design is in the Details from Webmaster Jam 2007, get MP3 of talk from RSS feed. I listened to this talk over my Christmas vacation. I listened to it again this morning. I had immediately applied several of the things they talked about [...]]]></description>
			<content:encoded><![CDATA[<p>Here are some memorable points from Dan Rubin and Bryan Veloso’s talk, <a title="Links to presentation pdf and helpful links" href="http://design.isinthedetails.com/">Design is in the Details</a> from Webmaster Jam 2007, get MP3 of talk from RSS feed. I listened to this talk over my Christmas vacation. I listened to it again this morning. I had immediately applied several of the things they talked about to my <a href="http://jeffbridgforth.com">personal site</a> and have integrated into my design process.</p>
<ul>
<li>Let your layout breathe — <a href="http://cnn.com">CNN.com</a> is a great example</li>
<li>Consistency of spacing or use multiple scale</li>
<li>Use range kerning in headlines (with larger font size)</li>
<li>No hanging widows — <a title="Plugin for several CMS platforms including WordPress" href="http://www.shauninman.com/archive/widont">Shaun Inman’s Widot plugin</a></li>
<li>Alignment — aligning elements can make a huge difference</li>
<li>Black is not black and white is not white — consider using #333 or #CCC instead of default black and white</li>
<li>Flat is boring — create some depth</li>
<li>Adding a pixel to add interest — as one border (they used example of Mint’s dashboard)</li>
<li>Know when to quit</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://jeffbridgforth.com/design-is-in-the-details/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Setting up a Podcast, Take 2</title>
		<link>http://jeffbridgforth.com/setting-up-a-podcast-take-2/</link>
		<comments>http://jeffbridgforth.com/setting-up-a-podcast-take-2/#comments</comments>
		<pubDate>Thu, 26 Apr 2007 19:27:28 +0000</pubDate>
		<dc:creator>Jeff</dc:creator>
				<category><![CDATA[Tutorial / How-tos]]></category>

		<guid isPermaLink="false">http://jeffbridgforth.com/setting-up-a-podcast-take-2/</guid>
		<description><![CDATA[Over a year and a half ago, I did a post on setting up a podcast. Essentially I just shared what I had learned in the process of setting one up myself. I had found out that it is not very complicated. Today I got a phone call from someone asking me this question. Since [...]]]></description>
			<content:encoded><![CDATA[<p>Over a year and a half ago, I did <a title="Written September 1, 2007" href="http://jeffbridgforth.com/setting-up-a-podcast/">a post on setting up a podcast</a>. Essentially I just shared what I had learned in the process of setting one up myself. I had found out that it is not very complicated.</p>
<p>Today I got a phone call from someone asking me this question. Since my previous post, I have switched to a Mac and I have read several articles on the subject. I am also now a regular subscriber to a couple of podcasts and have seen some good and bad points.</p>
<p>So what do you need to do to pull off a podcast?</p>
<p><strong>Plan your program and content</strong> — what is your podcast going to be about? What issues do you want to address? What is your plan for having fresh content?</p>
<p><strong>Record and encode your podcast</strong> — The second step is to record your content and encode that audio file as an MP3. If you are using a PC, <a title="Audacity Audio Freeware for Windows and Mac" href="http://audacity.sourceforge.net/">Audacity </a>is a good freeware program that  accomplish both of those tasks. For Mac users (lie myself), <a title="Audio software for Mac" href="http://www.apple.com/ilife/garageband/">GarageBand</a> is the program of choice. You will need to purchase one piece of equipment, a microphone to record your voice. A noise canceling microphone would be your best bet. You might also need a portable digital voice recorder. This would give you the freedom to not be stuck inside or give you the ability to “interview” others in the field.</p>
<p><strong>Publish</strong> — you are going to need server space in order to publish your audio file on the Internet. Most likely you already have a Web site that will tie in with the podcast. Next, you need to create a podcast feed. A content feed will automatically update the content on your subscriber’s computer. The feed is really makes make a podcast a “podcast” and not just a MP3 file uploaded on a server. FeedForAll is a software program for both Windows and Mac that can assist you in writing a feed for your podcast.</p>
<p><strong>Promote</strong> — let’s face it, unless you promote your podcast, you are not going to build an audience for it. So how do you promote it. There are several different podcast directories that you can submit to, including iTunes. I have included a list of some of the directories below.</p>
<p><strong>Podcast Directories</strong></p>
<ul><strong> 	</strong></p>
<li>iTunes — go to the Podcast page. Find the “Learn More” box at the bottom left corner. There is a link entitled, “Submit a Podcast.” The next screen will ask for the URL of your podcast.</li>
<li><a title="Indiepodder Podcast Directory" href="http://www.indiepodder.org/">indiepodder</a></li>
<li><a href="http://podcast.com">Podcast.com</a></li>
<li><a title="Podcast Alley Podcast Directory" href="http://podcastalley.com">Podcast Alley</a></li>
<li>Yahoo
</li>
</ul>
<p><strong>Other Helpful Articles</strong></p>
<ul>
<li><a title="Article on Podcasting from Dynamic Graphics Magazine" href="http://www.dynamicgraphics.com/dgm/Article/28747">You Want to Make Me Shout</a> from Dynamic Graphics — this article provided the basic framework for this post</li>
<li><a title="Originally posted on Sept. 1, 2007" href="http://jeffbridgforth.com/setting-up-a-podcast/">My first post on podcasting</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://jeffbridgforth.com/setting-up-a-podcast-take-2/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Setting Up a Podcast</title>
		<link>http://jeffbridgforth.com/setting-up-a-podcast/</link>
		<comments>http://jeffbridgforth.com/setting-up-a-podcast/#comments</comments>
		<pubDate>Thu, 01 Sep 2005 20:03:31 +0000</pubDate>
		<dc:creator>Jeff</dc:creator>
				<category><![CDATA[Tutorial / How-tos]]></category>

		<guid isPermaLink="false">http://jeffbridgforth.com/?p=10</guid>
		<description><![CDATA[May 2007: See updated tutorial on setting up a podcast I successfully set up a podcast today. Here are the steps involved: I downloaded a freeware recording program called “Audacity” I also downloaded from their website a plugin to convert audio to mp3 format which is what is used in podcasting. There are instructions on [...]]]></description>
			<content:encoded><![CDATA[<p>May 2007: <a title="Updated tutorial on steps to making a podcast" href="http://jeffbridgforth.com/setting-up-a-podcast-take-2/">See updated tutorial on setting up a podcast</a></p>
<p>I successfully set up a podcast today.</p>
<p>Here are the steps involved:</p>
<ul>
<li>I downloaded a freeware recording program called “<a href="http://audacity.sourceforge.net/" target="_blank">Audacity</a>”</li>
<li>I also downloaded from their website <a href="http://audacity.sourceforge.net/help/faq?s=install&amp;item=lame-mp3" target="_blank">a plugin</a> to convert audio to mp3 format which is what is used in podcasting.  There are <a href="http://audacity.sourceforge.net/help/faq?s=install&amp;item=lame-mp3" target="_blank">instructions </a>on how to install the plugin on Audacity’s site</li>
<li>I used my headset microphone to record the podcast using Audacity.  I saved the file as an mp3.</li>
<li>I used software called <a href="http://www.feedforall.com/" target="_blank">Feed For All</a> to create a RSS feed.  I bought this software last spring.</li>
<li>I uploaded the mp3 file and XML document which contains the RSS feed to our production server</li>
<li>You can “subscribe” to the feed with iTunes (I’m sure there are other ways to do it but this was the easiest). Select “Subscribe to Podcast” from the Advanced option on the toolbar.</li>
</ul>
<p>Resources I looked at or was told about:</p>
<ul>
<li><a href="http://www.sitepronews.com/archives/2005/aug/12prt.html" target="_blank">http://www.sitepronews.com/archives/2005/aug/12prt.html</a></li>
<li><a href="http://en.wikipedia.org/wiki/Podcasting" target="_blank">http://en.wikipedia.org/wiki/Podcasting</a></li>
<li>Google  “<a href="http://www.google.com/search?q=how+to+do+a+podcast&amp;sourceid=mozilla-search&amp;start=0&amp;start=0&amp;ie=utf-8&amp;oe=utf-8&amp;client=firefox-a&amp;rls=org.mozilla:en-US:official" target="_blank">How to Do a Podcast”</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://jeffbridgforth.com/setting-up-a-podcast/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
