<?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>Flint Hills Design Snippets &#187; How To</title>
	<atom:link href="http://www.flinthillsdesign.com/blog/category/how-to/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.flinthillsdesign.com/blog</link>
	<description></description>
	<lastBuildDate>Fri, 03 Feb 2012 16:18:45 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Social Media Marketing &#8211; The Solution</title>
		<link>http://www.flinthillsdesign.com/blog/2010/11/social-media-marketing-the-solution/</link>
		<comments>http://www.flinthillsdesign.com/blog/2010/11/social-media-marketing-the-solution/#comments</comments>
		<pubDate>Thu, 11 Nov 2010 16:54:06 +0000</pubDate>
		<dc:creator>Evan Fast</dc:creator>
				<category><![CDATA[How To]]></category>
		<category><![CDATA[Marketing]]></category>
		<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[Wikipedia]]></category>
		<category><![CDATA[YouTube]]></category>

		<guid isPermaLink="false">http://www.flinthillsdesign.com/blog/?p=381</guid>
		<description><![CDATA[If you are just checking out this blog post, you may want to read the precursor to this post first. Let&#8217;s build our social media presence! For people who use social media sites on a regular basis (I can think of at least five social media sites that I visit every single day), learning how [...]]]></description>
			<content:encoded><![CDATA[<p>If you are just checking out this blog post, you may want to read the <a title="precursor to this post" href="http://www.flinthillsdesign.com/blog/2010/11/social-media-marketing-the-problem/" target="_self">precursor to this post</a> first.</p>
<h2>Let&#8217;s build our social media presence!</h2>
<p>For people who use social media sites on a regular basis (I can think of at least five social media sites that I visit every single day), learning how to use social media to market ones products or services isn&#8217;t very hard. However, there are many people who don&#8217;t visit social media sites but are then told to create a social media presence for their company or organization. To make it easier for all readers, I will break out the process into four steps.</p>
<h4>Become familiar with your options</h4>
<p>With so many social media sites on the web today, it can be exhausting trying to determine which one to use. Sites like Wikipedia (hey, that&#8217;s a social media site!) have a lot of general information relating to social media. It&#8217;s also very helpful to have first-hand experience with the social media site you are interested in, so set up your own personal account and begin learning about the site.</p>
<h4>Develop your strategy</h4>
<p>This is the most overlooked part of the process. Many companies simply use their traditional marketing tactics when creating a social media presence. <strong>Don&#8217;t do this!</strong> Other companies will completely change their marketing message when using social media marketing. <strong>Don&#8217;t do this either!</strong> Your <em><strong>message must stay consistent</strong></em> through <strong>ALL</strong> of your marketing outlets. However, you must also recognize that you&#8217;re marketing a different audience. Therefore, your tactics, promotions, and audience interaction will likely be much different than your traditional marketing efforts. Make sure you&#8217;re also building in ways to track your successes and failures. You&#8217;ll want to do this during this upfront, instead of trying to incorporate it once you&#8217;ve already built your social media presence.</p>
<h4>Implement (and keep implementing!)</h4>
<p>Once you have a strategy, put it in place and begin building your social media presence. However, don&#8217;t forget to keep updating your social media pages. Just because you have 5 posts and 20 friends/followers doesn&#8217;t mean your presence will keep growing without your help. There are many helpful tools out there (like <a title="Tweetdeck" href="http://www.tweetdeck.com/" target="_blank">Tweetdeck</a>) that help you organize all your social media sites and keep on top of updates.</p>
<h4>Monitor and Assess</h4>
<p>How are your social media pages performing? What are you followers saying about you? Have you seen positive benefits from this endeavor? Is your social media marketing still conveying the same message as your traditional marketing? Monitoring your performance will tell you what you need to change, and what tactics are really worth your time. Hopefully you will see positive results and find that the time you&#8217;ve put into the process has been worth your while.</p>
<p>We understand that for some people this process is extremely overwhelming and intimidating. If you would like help developing your social media marketing strategy (or any marketing strategy), implementing your social media presence, or assessing your current presence, we would love to help!</p>
<p><a title="Contact us" href="http://www.flinthillsdesign.com/Contact.php" target="_self">Contact us</a> to learn more about how we can work together to build a strong marketing strategy for your business or organization!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.flinthillsdesign.com/blog/2010/11/social-media-marketing-the-solution/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Basic Wireframe Tool &#8211; Free PDF Download</title>
		<link>http://www.flinthillsdesign.com/blog/2010/05/basic-wireframe-tool-free-pdf-download/</link>
		<comments>http://www.flinthillsdesign.com/blog/2010/05/basic-wireframe-tool-free-pdf-download/#comments</comments>
		<pubDate>Mon, 17 May 2010 18:14:32 +0000</pubDate>
		<dc:creator>Joel Gaeddert</dc:creator>
				<category><![CDATA[How To]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Free]]></category>
		<category><![CDATA[Tips]]></category>
		<category><![CDATA[Wireframes]]></category>

		<guid isPermaLink="false">http://www.flinthillsdesign.com/blog/?p=280</guid>
		<description><![CDATA[(website) wireframe - a basic visual guide used in interface design to suggest the structure of a website and relationships between its pages &#8211; Wikipedia Wireframes are a great way to get ideas out into the open quickly for discussion.  You obviously don&#8217;t need anything fancy to create a basic wireframe or idea sketch (heck, [...]]]></description>
			<content:encoded><![CDATA[<p><a rel="attachment wp-att-293" href="http://www.flinthillsdesign.com/blog/2010/05/basic-wireframe-tool-free-pdf-download/sampleappwireframe-300/"><img class="alignright size-full wp-image-293" style="border: 1px solid #333333;" title="SampleAppWireframe-300" src="http://www.flinthillsdesign.com/blog/wp-content/uploads/2010/05/SampleAppWireframe-300.jpg" alt="" width="300" height="230" /></a></p>
<h3><strong>(website) wireframe</strong><em> </em></h3>
<p><em>- a basic visual guide used in interface design to suggest the  structure of a website and relationships between its pages &#8211; Wikipedia<br />
</em></p>
<p>Wireframes are a great way to get ideas out into the open quickly for discussion.  You obviously don&#8217;t need anything fancy to create a basic wireframe or idea sketch (heck, a stick and patch of dirt work fine!), but we&#8217;ve found that adding a little browser chrome really helps to facilitate the process and communicate the rough ideas more clearly to a broader audience.</p>
<p><strong>You can download our tool for creating wireframes for free here:</strong></p>
<p><a class="button large orange floatRight" onclick="pageTracker._trackEvent('Downloads', 'PDF', 'FHD Wireframe Tool');" href="http://www.flinthillsdesign.com/blog/wp-content/uploads/2010/05/fhdWireframes.pdf">FHD Wireframe Tool &#8211; PDF</a></p>
<h3>And here are a few basic principles for creating successful wireframes:</h3>
<ul>
<li><strong>Take a layered approach.</strong> Start by thinking about the general flow of your website or application, outlining the main actions and user experience first. Then move to more detailed sketches, creating basic layouts for each of the individual pages.</li>
<li><strong>Don&#8217;t be too literal.</strong> Your wireframes will provide the most value if they are quick sketches done in succession&#8211;broad strokes to capture main ideas, not detail oriented designs. Your pixel-perfect designs will come later.</li>
<li><strong>Embrace the power of iteration.</strong> Paper is cheap, and although you don&#8217;t want to be wasteful, going through a few sheets at this stage of the process will save boatloads later on in the process. Don&#8217;t be afraid to sketch out a half-baked idea to see where it leads.  Ask for feedback, then incorporate that feedback into your sketches. Read about usability, and follow best practices for those techniques which are commonplace and need to be recognizable and easy for users. Build upon early sketches.</li>
<li><strong>Remove all unnecessary elements.</strong> Once you&#8217;re happy with the direction things are headed, look back over the designs to see if you really need every part of the design. Chances are you have an unnecessary feature or two that doesn&#8217;t add enough value to justify keeping.  If this is the case, remove it early on (trust me, it will be much easier to start development, and, surprisingly, your users will thank you later when you give them a simple interface!).</li>
</ul>
<p>So start sketching! You don&#8217;t have to be an illustrator, or even in the design business to gain from sketching out your ideas. If you&#8217;ve got a website and sense that some aspect should be made simpler or easier to use, use this basic wireframe tool to communicate your idea to your web developer!  They&#8217;ll thank you for the clear communication.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.flinthillsdesign.com/blog/2010/05/basic-wireframe-tool-free-pdf-download/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Best WordPress Modifications: Article2pdf</title>
		<link>http://www.flinthillsdesign.com/blog/2009/07/best-wordpress-modifications-article2pdf/</link>
		<comments>http://www.flinthillsdesign.com/blog/2009/07/best-wordpress-modifications-article2pdf/#comments</comments>
		<pubDate>Wed, 29 Jul 2009 05:11:16 +0000</pubDate>
		<dc:creator>Joel Gaeddert</dc:creator>
				<category><![CDATA[How To]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Automation]]></category>
		<category><![CDATA[Free]]></category>
		<category><![CDATA[PDF]]></category>

		<guid isPermaLink="false">http://www.flinthillsdesign.com/blog/?p=133</guid>
		<description><![CDATA[Say you want to offer your website content as a downloadable PDFs.  A typical process for this might include: Copy and paste all of your content into a Word document Export as PDF Upload to your website Modify page to include link to PDF It seems simple enough, but one can quickly see the drawbacks [...]]]></description>
			<content:encoded><![CDATA[<p><a rel="attachment wp-att-134" href="http://www.flinthillsdesign.com/blog/2009/07/best-wordpress-modifications-article2pdf/pdf/"><img class="alignright size-full wp-image-134" title="PDF" src="http://www.flinthillsdesign.com/blog/wp-content/uploads/2009/07/PDF.png" alt="PDF" width="256" height="256" /></a>Say you want to offer your website content as a downloadable PDFs.  A typical process for this might include:</p>
<ol>
<li>Copy and paste all of your content into a Word document</li>
<li>Export as PDF</li>
<li>Upload to your website</li>
<li>Modify page to include link to PDF</li>
</ol>
<p>It seems simple enough, but one can quickly see the drawbacks of using this manual method (ex. possible errors at all stages, can&#8217;t upgrade look of documents without recreating each individually, far too many steps to be doing on a regular basis&#8230;).</p>
<h3>FPDF</h3>
<p>However, if you&#8217;re using a content management system you can very easily automate the entire process.  The key is to use a PDF creation library such as <a href="http://www.fpdf.org/">FPDF</a>.  This free library (the F in FPDF stands for &#8220;free&#8221;) is easy to use and allows you to create standard PDF documents using nothing more than a few lines of PHP.</p>
<h3>Article2pdf</h3>
<p>If you&#8217;re using WordPress the process is even simpler.  <a href="http://wordpress.org/extend/plugins/article2pdf/">Article2pdf</a> is a free plugin from Marc Schieferdecker that utilizes the FPDF library.  The installation process is like all other WordPress plugins, and it comes with several configuration options and good documentation.</p>
<p>To use Article2pdf, you simply create a template PDF that serves as the basis for all of your PDFs to be generated.  The plugin does the rest of the work in adding the content to your template design.  With the ability to create template files, I&#8217;ve found that I can control nearly everything about the look of the PDFs that I need to.  Of the few things I&#8217;ve changed within the plugin code itselft, all were cosmetic details that bugged me as a designer&#8211;I could have lived without making any changes if I was willing to accept a slightly less refined look in the end.</p>
<p>So quit manually generating PDFs for everything on your website&#8211;with FPDF and Article2pdf you can completely automate the process and use the hours saved to generate more great content for your users!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.flinthillsdesign.com/blog/2009/07/best-wordpress-modifications-article2pdf/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Best WordPress Modifications: Feedburner</title>
		<link>http://www.flinthillsdesign.com/blog/2009/07/best-wordpress-modifications-feedburner/</link>
		<comments>http://www.flinthillsdesign.com/blog/2009/07/best-wordpress-modifications-feedburner/#comments</comments>
		<pubDate>Sun, 12 Jul 2009 18:27:40 +0000</pubDate>
		<dc:creator>Joel Gaeddert</dc:creator>
				<category><![CDATA[How To]]></category>
		<category><![CDATA[Marketing]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Feedburner]]></category>
		<category><![CDATA[RSS]]></category>
		<category><![CDATA[Social Media]]></category>

		<guid isPermaLink="false">http://www.flinthillsdesign.com/blog/?p=125</guid>
		<description><![CDATA[Feedburner is a great tool for making the most of your RSS feeds. A free service now owned by Google, Feedburner extends the functionality of your standard RSS feeds in multiple ways: Metrics &#8211; The basic WordPress RSS feed doesn&#8217;t give you much of an idea about your readers.  Burning your feeds allows you access [...]]]></description>
			<content:encoded><![CDATA[<p>Feedburner is a great tool for making the most of your RSS feeds.  A free service now owned by Google, Feedburner extends the functionality of your standard RSS feeds in multiple ways:</p>
<p><strong>Metrics</strong> &#8211; The basic WordPress RSS feed doesn&#8217;t give you much of an idea about your readers.  Burning your feeds allows you access to important metrics such as how many people are subscribed to your feed, where they are located, how many unsubscribed readers are accessing your content, etc.</p>
<p><strong>Social Media</strong> -Under the optimize tab in your Feedburner account exists an option for FeedFlare&#8211;a super easy way to add interactivity to your RSS and email subscriptions.  While the options are somewhat limited, the big names such as Digg, Facebook, del.icio.us and a few others are there and easy to use.</p>
<p><strong>Email</strong> &#8211; Feedburner makes it easy to deliver your content through email.  Under the publicize tab in your account settings, simply enable email subscriptions and copy and paste the snippet of code into your template.  Your emails will be delivered at a specified time every day that you post something on your blog.  While you don&#8217;t have the same degree of control as might be provided by an HTML email service such as MailChimp, your content gets distributed without any work on your part.</p>
<p><strong>Future Modifications</strong> &#8211; Feedburner routes your feeds through their own servers to provide the benefits described above.  While this may be a drawback to some because your feed address is now of the form feeds.feedburner.com/FlintHillsDesignSnippets instead of something associated with your domain like flinthillsdesign.com/blog/feed, the upshot is that now if your blog moves or your feed address changes, your subscribed readers will not be lost!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.flinthillsdesign.com/blog/2009/07/best-wordpress-modifications-feedburner/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Best WordPress Modifications: WP-Database-Backup</title>
		<link>http://www.flinthillsdesign.com/blog/2009/07/best-wordpress-modifications-wp-database-backup/</link>
		<comments>http://www.flinthillsdesign.com/blog/2009/07/best-wordpress-modifications-wp-database-backup/#comments</comments>
		<pubDate>Sat, 11 Jul 2009 22:49:05 +0000</pubDate>
		<dc:creator>Joel Gaeddert</dc:creator>
				<category><![CDATA[How To]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Backup]]></category>

		<guid isPermaLink="false">http://www.flinthillsdesign.com/blog/?p=121</guid>
		<description><![CDATA[WP-Database-Backup (plugin) &#8211; This amazing little plugin takes care of backing up your mysql database, allowing instant or scheduled backups to automate the process and ensure that this important task actually gets completed with regularity. WP-Database-Backup only takes care of the database content (the backup is in the format of an sql dump) so you&#8217;ll [...]]]></description>
			<content:encoded><![CDATA[<p><strong><a href="http://www.ilfilosofo.com/blog/wp-db-backup">WP-Database-Backup</a></strong> (plugin) &#8211; This amazing little plugin takes care of backing up your mysql database, allowing instant or scheduled backups to automate the process and ensure that this important task actually gets completed with regularity.  WP-Database-Backup only takes care of the database content (the backup is in the format of an sql dump) so you&#8217;ll have to take care of images, themes, plugins, etc. with a different method, but it allows you to sleep peacefully knowing that your clients&#8217; content is safe!</p>
<p>You can <a href="http://www.ilfilosofo.com/blog/wp-db-backup">find WP-Database-Backup here</a>. Thanks to <a href="http://www.ilfilosofo.com/blog/about/">Austin Matzko</a> for such a great modification to WordPress!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.flinthillsdesign.com/blog/2009/07/best-wordpress-modifications-wp-database-backup/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Dropbox</title>
		<link>http://www.flinthillsdesign.com/blog/2009/07/dropbox/</link>
		<comments>http://www.flinthillsdesign.com/blog/2009/07/dropbox/#comments</comments>
		<pubDate>Sat, 04 Jul 2009 05:52:07 +0000</pubDate>
		<dc:creator>Joel Gaeddert</dc:creator>
				<category><![CDATA[How To]]></category>
		<category><![CDATA[Collaboration]]></category>
		<category><![CDATA[Web Apps]]></category>

		<guid isPermaLink="false">http://www.flinthillsdesign.com/blog/?p=75</guid>
		<description><![CDATA[For the past few weeks we&#8217;ve been using a folder sharing service called Dropbox. While there are many alternatives to using an online hosted service such as this one, Dropbox fit all of our requirements: Easy to use for computer experts and novices alike Cross-platform (Flint Hills Design is Mac based, most clients use PCs) [...]]]></description>
			<content:encoded><![CDATA[<p>For the past few weeks we&#8217;ve been using a folder sharing service called <a href="http://www.getdropbox.com/" target="_blank">Dropbox</a>. While there are many alternatives to using an online hosted service such as this one, Dropbox fit all of our requirements:</p>
<ul>
<li>Easy to use for computer experts and novices alike</li>
<li>Cross-platform (Flint Hills Design is Mac based, most clients use PCs)</li>
<li>Easy to backups</li>
<li>Minimal resource requirements (individual computers and network)</li>
<li>24/7 access</li>
</ul>
<p>Basically, we needed a reliable file sharing application that we could control as we see fit. Dropbox met all these requirements.  Some other options didn&#8217;t:</p>
<ul>
<li><strong>Web App</strong><br />We thought about creating our own web app, but hundreds already exist and we didn&#8217;t have time.  Plus, most of the existing apps such as Basecamp provided many more features than we really needed (simplicity is one of our most basic guiding principles).</li>
<li><strong>MobileMe</strong><br />We&#8217;ve found MobileMe to be flaky, especially for some of our PC using clients.  We really needed this to be bulletproof.</li>
<li><strong>File Sharing</strong><br />The Apple based file sharing was a possibility, but if a computer is turned off you&#8217;re out of luck. And it didn&#8217;t seem right to be tying up others&#8217; computers and their internet connections every time another user requests a file.</li>
<li><strong>Dedicated Linux Server</strong><br />Probably a good option, but we didn&#8217;t want to hassle with the configuration or security issues&#8230;</li>
</ul>
<p>So in the end Dropbox won out.  It&#8217;s easy to use and install on all operating systems.  Because it looks and acts like a regular folder on our hard drive, everything is backed up automatically (and dropbox provides a time-machine style online backup as yet another measure of safety).  It&#8217;s always on and doesn&#8217;t consume precious computing resources due to our files being hosted on Dropbox servers.  And best of all it&#8217;s free for accounts under 2GB!  From our experience so far we&#8217;d recommend it to anyone.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.flinthillsdesign.com/blog/2009/07/dropbox/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WordPress Custom Fields</title>
		<link>http://www.flinthillsdesign.com/blog/2009/06/wordpress-custom-fields/</link>
		<comments>http://www.flinthillsdesign.com/blog/2009/06/wordpress-custom-fields/#comments</comments>
		<pubDate>Sun, 28 Jun 2009 00:53:16 +0000</pubDate>
		<dc:creator>Joel Gaeddert</dc:creator>
				<category><![CDATA[How To]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.flinthillsdesign.com/blog/?p=52</guid>
		<description><![CDATA[Using WordPress custom fields is a great way to add meta data to your posts that you can manipulate easily.  Say, for instance, that you would like to include a picture with all of your posts, but you would like to be able to access it from outside of the standard the_content() or the_excerpt() functions. [...]]]></description>
			<content:encoded><![CDATA[<p>Using WordPress custom fields is a great way to add meta data to your posts that you can manipulate easily.  Say, for instance, that you would like to include a picture with all of your posts, but you would like to be able to access it from outside of the standard the_content() or the_excerpt() functions. By using custom fields you can simply define a key and a value that can be accessed at any point with the get_post_meta() function.</p>
<p>Say you define a custom field key called <em>Image-Slice</em>, with a value that creates a link to the blog post using an image tag:</p>
<div id="attachment_53" class="wp-caption alignnone" style="width: 310px"><a href="http://www.flinthillsdesign.com/blog/wp-content/uploads/2009/06/CustomFieldExample.jpg"><img class="size-medium wp-image-53" title="CustomFieldExample" src="http://www.flinthillsdesign.com/blog/wp-content/uploads/2009/06/CustomFieldExample-300x67.jpg" alt="Wordpress Custom Field" width="300" height="67" /></a><p class="wp-caption-text">Wordpress Custom Field</p></div>
<p>You can then access that field from within the loop by using a simple php snippet:</p>
<pre>&lt;?php $key="Image-Slice"; echo get_post_meta($post-&gt;ID, $key, true); ?&gt;</pre>
<p>I&#8217;ve found this technique very useful to create websites that use a custom field as a design element.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.flinthillsdesign.com/blog/2009/06/wordpress-custom-fields/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk: basic
Page Caching using disk: enhanced

Served from: www.flinthillsdesign.com @ 2012-02-04 21:40:33 -->
