<?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>TURLEY DESIGNS - Charleston Web Design &#38; Development</title>
	<atom:link href="http://turleydesigns.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://turleydesigns.com</link>
	<description>Just another WordPress weblog</description>
	<lastBuildDate>Tue, 08 Feb 2011 01:28:39 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>How to Upload Images and Files to WordPress</title>
		<link>http://turleydesigns.com/2011/02/07/how-to-upload-images-and-files-to-wordpress/</link>
		<comments>http://turleydesigns.com/2011/02/07/how-to-upload-images-and-files-to-wordpress/#comments</comments>
		<pubDate>Tue, 08 Feb 2011 01:21:30 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://turleydesigns.com/?p=121</guid>
		<description><![CDATA[I frequently get asked how to upload images or files to your WordPress site.  Just follow the steps below.

Starting on the edit/add post page, place your cursor in the body text editor where you want the image or file link to show.
Click the &#8220;Add Media&#8221; icon above the main body text editor.

Click the &#8220;Select&#8221; button [...]]]></description>
			<content:encoded><![CDATA[<p>I frequently get asked how to upload images or files to your WordPress site.  Just follow the steps below.</p>
<ol>
<li>Starting on the edit/add post page, place your cursor in the body text editor where you want the image or file link to show.</li>
<li>Click the &#8220;Add Media&#8221; icon above the main body text editor.<br />
<img class="alignnone size-full wp-image-127" title="wp-upload-image" src="http://turleydesigns.com/wp-content/uploads/2011/02/wp-upload-image.gif" alt="" width="700" height="153" /></li>
<li>Click the &#8220;Select&#8221; button and locate the file on your computer.<br />
<img class="alignnone size-full wp-image-126" title="wp-select-file-" src="http://turleydesigns.com/wp-content/uploads/2011/02/wp-select-file-.gif" alt="" width="700" height="153" /></li>
<li>If you are uploading a file and not an image, update the &#8220;Title&#8221; filed.  This is what will be used for the text link.<br />
<img class="alignnone size-full wp-image-123" title="document-title" src="http://turleydesigns.com/wp-content/uploads/2011/02/document-title.gif" alt="" width="700" height="104" /></li>
<li>If you are uploading an image select the desired alignment and image size.<br />
<img class="alignnone size-full wp-image-125" title="select-image-settings" src="http://turleydesigns.com/wp-content/uploads/2011/02/select-image-settings.gif" alt="" width="700" height="161" /></li>
<li>And finally click the &#8220;Insert into Post&#8221; button.<br />
<img class="alignnone size-full wp-image-124" title="insert" src="http://turleydesigns.com/wp-content/uploads/2011/02/insert.gif" alt="" width="700" height="93" /></li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://turleydesigns.com/2011/02/07/how-to-upload-images-and-files-to-wordpress/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Javascript Visitor Bandwidth Test</title>
		<link>http://turleydesigns.com/2010/12/15/javascript-visitor-bandwidth-test/</link>
		<comments>http://turleydesigns.com/2010/12/15/javascript-visitor-bandwidth-test/#comments</comments>
		<pubDate>Wed, 15 Dec 2010 20:21:05 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">http://turleydesigns.com/?p=99</guid>
		<description><![CDATA[Downloads an image and calculate the visitors bandwidth.  Could be useful for targeting mobile sites or low bandwidth connections.
Go here and check out the console to see it in action.
Original code can be found here

	var imageAddr = &#34;/video-test/Fountain_Restaurant_Dining_room.jpg&#34; + &#34;?n=&#34; + Math.random();
	var startTime, endTime;
	var downloadSize = 45000;
	var download = new Image();

	download.onload = function() {
		endTime [...]]]></description>
			<content:encoded><![CDATA[<p>Downloads an image and calculate the visitors bandwidth.  Could be useful for targeting mobile sites or low bandwidth connections.</p>
<p><a href="http://turleydesigns.com/video-test/">Go here</a> and check out the console to see it in action.</p>
<p><a href="http://www.ehow.com/how_5804819_detect-connection-speed-javascript.html">Original code can be found here</a></p>
<pre class="brush: jscript; title: ;">
	var imageAddr = &quot;/video-test/Fountain_Restaurant_Dining_room.jpg&quot; + &quot;?n=&quot; + Math.random();
	var startTime, endTime;
	var downloadSize = 45000;
	var download = new Image();

	download.onload = function() {
		endTime = (new Date()).getTime();
		showResults () ;
	}

	startTime = (new Date()).getTime();
	download.src = imageAddr;

	//calculates and shows the restults
	function showResults () {
		var duration = ((endTime - startTime) / 10000);
		var bitsLoaded = downloadSize * 8;
		var speedBps = Math.round(bitsLoaded / duration);
		var speedKbps = (speedBps / 1024).toFixed(2);
		var speedMbps = (speedKbps / 1024).toFixed(2);

		// log the info into the console
		console.log(&quot;Your connection speed is: \n&quot; +
		speedBps + &quot; bps\n&quot; +
		speedKbps + &quot; kbps\n&quot; +
		speedMbps + &quot; Mbps\n&quot;);
	}
</pre>
]]></content:encoded>
			<wfw:commentRss>http://turleydesigns.com/2010/12/15/javascript-visitor-bandwidth-test/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>MySQL Left Join and Group Contact Example</title>
		<link>http://turleydesigns.com/2010/12/14/msql-left-join-and-group-contact-example/</link>
		<comments>http://turleydesigns.com/2010/12/14/msql-left-join-and-group-contact-example/#comments</comments>
		<pubDate>Wed, 15 Dec 2010 04:46:08 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[MySQL]]></category>

		<guid isPermaLink="false">http://turleydesigns.com/?p=85</guid>
		<description><![CDATA[
SELECT
teamup_email_q.id, teamup_email_q.member_id, teamup_email_q.email_id,
teamup_member.email,teamup_member.first_name,teamup_member.last_name,
teamup_emails.subject, teamup_emails.heading, teamup_emails.content,
teamup_weigh_in.height,
GROUP_CONCAT( teamup_weigh_in.weight ORDER BY teamup_weigh_in.id DESC  ) as weighins
FROM teamup_email_q
LEFT JOIN teamup_member ON teamup_email_q.member_id = teamup_member.id
LEFT JOIN teamup_emails ON teamup_email_q.email_id = teamup_emails.id
LEFT JOIN  teamup_weigh_in ON teamup_weigh_in.member_id = teamup_email_q.member_id
WHERE teamup_email_q.sent = 0
GROUP BY  teamup_email_q.id
LIMIT 100

LEFT JOIN will pull all records from FROM and all matches from the JOIN.  [...]]]></description>
			<content:encoded><![CDATA[<pre class="brush: sql; title: ;">
SELECT
teamup_email_q.id, teamup_email_q.member_id, teamup_email_q.email_id,
teamup_member.email,teamup_member.first_name,teamup_member.last_name,
teamup_emails.subject, teamup_emails.heading, teamup_emails.content,
teamup_weigh_in.height,
GROUP_CONCAT( teamup_weigh_in.weight ORDER BY teamup_weigh_in.id DESC  ) as weighins
FROM teamup_email_q
LEFT JOIN teamup_member ON teamup_email_q.member_id = teamup_member.id
LEFT JOIN teamup_emails ON teamup_email_q.email_id = teamup_emails.id
LEFT JOIN  teamup_weigh_in ON teamup_weigh_in.member_id = teamup_email_q.member_id
WHERE teamup_email_q.sent = 0
GROUP BY  teamup_email_q.id
LIMIT 100
</pre>
<p>LEFT JOIN will pull all records from FROM and all matches from the JOIN.  INNER JOIN will only pull records where the is a join match.</p>
]]></content:encoded>
			<wfw:commentRss>http://turleydesigns.com/2010/12/14/msql-left-join-and-group-contact-example/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Basic HTML5 Page</title>
		<link>http://turleydesigns.com/2010/12/14/basic-html5-page/</link>
		<comments>http://turleydesigns.com/2010/12/14/basic-html5-page/#comments</comments>
		<pubDate>Wed, 15 Dec 2010 04:39:11 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[HTML]]></category>

		<guid isPermaLink="false">http://turleydesigns.com/?p=80</guid>
		<description><![CDATA[
&#60;!DOCTYPE html&#62;
&#60;html lang=&#34;en&#34;&#62;
&#60;head&#62;
	&#60;meta charset=&#34;utf-8&#34; /&#62;
	&#60;title&#62;HTML5&#60;/title&#62;
	&#60;link rel=&#34;stylesheet&#34; href=&#34;css/main.css&#34; type=&#34;text/css&#34; /&#62;
	&#60;!--[if IE]&#62;
		&#60;script src=&#34;http://html5shiv.googlecode.com/svn/trunk/html5.js&#34;&#62;&#60;/script&#62;
	&#60;![endif]--&#62;
	&#60;!--[if lte IE 7]&#62;
		&#60;script src=&#34;js/IE8.js&#34; type=&#34;text/javascript&#34;&#62;&#60;/script&#62;
	&#60;![endif]--&#62;
	&#60;!--[if lt IE 7]&#62;
		&#60;link rel=&#34;stylesheet&#34; type=&#34;text/css&#34; media=&#34;all&#34; href=&#34;css/ie6.css&#34;/&#62;
	&#60;![endif]--&#62;
&#60;/head&#62;
&#60;body id=&#34;index&#34;&#62;
&#60;/body&#62;
&#60;/html&#62;

More info about HTML 5
]]></description>
			<content:encoded><![CDATA[<pre class="brush: xml; title: ;">
&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot;&gt;
&lt;head&gt;
	&lt;meta charset=&quot;utf-8&quot; /&gt;
	&lt;title&gt;HTML5&lt;/title&gt;
	&lt;link rel=&quot;stylesheet&quot; href=&quot;css/main.css&quot; type=&quot;text/css&quot; /&gt;
	&lt;!--[if IE]&gt;
		&lt;script src=&quot;http://html5shiv.googlecode.com/svn/trunk/html5.js&quot;&gt;&lt;/script&gt;
	&lt;![endif]--&gt;
	&lt;!--[if lte IE 7]&gt;
		&lt;script src=&quot;js/IE8.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
	&lt;![endif]--&gt;
	&lt;!--[if lt IE 7]&gt;
		&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; media=&quot;all&quot; href=&quot;css/ie6.css&quot;/&gt;
	&lt;![endif]--&gt;
&lt;/head&gt;
&lt;body id=&quot;index&quot;&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>
<p><a href="http://www.smashingmagazine.com/2009/08/04/designing-a-html-5-layout-from-scratch/">More info about HTML 5</a></p>
]]></content:encoded>
			<wfw:commentRss>http://turleydesigns.com/2010/12/14/basic-html5-page/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Easy Debugging with console.log()</title>
		<link>http://turleydesigns.com/2010/12/14/easy-debugging-with-console-log/</link>
		<comments>http://turleydesigns.com/2010/12/14/easy-debugging-with-console-log/#comments</comments>
		<pubDate>Wed, 15 Dec 2010 04:26:16 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">http://turleydesigns.com/?p=76</guid>
		<description><![CDATA[
console.log('hello console');

Firebug Console API (almost identical for Webkit)
]]></description>
			<content:encoded><![CDATA[<pre class="brush: jscript; title: ;">
console.log('hello console');
</pre>
<p><a href="http://getfirebug.com/wiki/index.php/Console_API">Firebug Console API (almost identical for Webkit)</a></p>
]]></content:encoded>
			<wfw:commentRss>http://turleydesigns.com/2010/12/14/easy-debugging-with-console-log/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Video with JW Player, Bitrate Switching Based on Bandwidth, and Dynamic Dimensions</title>
		<link>http://turleydesigns.com/2010/12/14/video-with-jw-player-and-bitrate-switching-based-on-bandwidth/</link>
		<comments>http://turleydesigns.com/2010/12/14/video-with-jw-player-and-bitrate-switching-based-on-bandwidth/#comments</comments>
		<pubDate>Wed, 15 Dec 2010 04:10:55 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Video]]></category>

		<guid isPermaLink="false">http://turleydesigns.com/?p=49</guid>
		<description><![CDATA[(bad but working) Demo: http://turleydesigns.com/video-test/
Example Video Options:


bitrate=&#8221;1390&#8243; width=&#8221;1080&#8243;
bitrate=&#8221;1320&#8243; width=&#8221;720&#8243;
bitrate=&#8221;790&#8243; width=&#8221;480&#8243;
bitrate=&#8221;630&#8243; width=&#8221;320&#8243;

JW/Longtail Documentation
HTML

&#60;div id=&#34;wrapper&#34; style=&#34;width: 1000px; height: 580px;&#34;&#62;
	&#60;p id=&#34;container&#34;&#62;Alternate Content&#60;/p&#62;
&#60;/div&#62;

JavaScript

jwplayer(&#34;container&#34;).setup({
	flashplayer: &#34;/video-test/swf/jwplayer/player.swf&#34;,
	height: '100%', //will resize based on selected video
	width: '100%', //will resize based on selected video
	plugins: {
		'/video-test/swf/qualitymonitor.swf': {} //plugin to for bitrate testing
	},
	levels: [
		{ bitrate: 2520, file: &#34;/video-test/mov/RK-2520-854x480.mov&#34;, width: 854 },
		{ bitrate: 1683, file: &#34;/video-test/mov/RK-1683-853x480.mov&#34;, width: 853 [...]]]></description>
			<content:encoded><![CDATA[<p>(bad but working) Demo: <a href="http://turleydesigns.com/video-test/">http://turleydesigns.com/video-test/</a></p>
<p>Example Video Options:</p>
<p><!-- p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; color: #274fae} --></p>
<ol>
<li>bitrate=&#8221;1390&#8243; width=&#8221;1080&#8243;</li>
<li>bitrate=&#8221;1320&#8243; width=&#8221;720&#8243;</li>
<li>bitrate=&#8221;790&#8243; width=&#8221;480&#8243;</li>
<li>bitrate=&#8221;630&#8243; width=&#8221;320&#8243;</li>
</ol>
<p><!-- p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; color: #274fae} span.s1 {text-decoration: underline} --><a href="http://www.longtailvideo.com/support/addons/quality-monitor/14642/http-bitrate-switching">JW/Longtail Documentation</a></p>
<h3>HTML</h3>
<pre class="brush: xml; title: ;">
&lt;div id=&quot;wrapper&quot; style=&quot;width: 1000px; height: 580px;&quot;&gt;
	&lt;p id=&quot;container&quot;&gt;Alternate Content&lt;/p&gt;
&lt;/div&gt;
</pre>
<h3>JavaScript</h3>
<pre class="brush: jscript; title: ;">
jwplayer(&quot;container&quot;).setup({
	flashplayer: &quot;/video-test/swf/jwplayer/player.swf&quot;,
	height: '100%', //will resize based on selected video
	width: '100%', //will resize based on selected video
	plugins: {
		'/video-test/swf/qualitymonitor.swf': {} //plugin to for bitrate testing
	},
	levels: [
		{ bitrate: 2520, file: &quot;/video-test/mov/RK-2520-854x480.mov&quot;, width: 854 },
		{ bitrate: 1683, file: &quot;/video-test/mov/RK-1683-853x480.mov&quot;, width: 853 },
		{ bitrate: 733, file: &quot;/video-test/mov/RK-733-478x269.mov&quot;, width: 478 }
	],
	events: {
		onPlay: function(event) {
			var metadata = jwplayer(&quot;container&quot;).getMeta();
			$('#wrapper').width(metadata.width);
			$('#wrapper').height(metadata.height);
			$('#outter').width(metadata.width);
			console.log(metadata); //outputs video meta to console
		}
	}
});
</pre>
]]></content:encoded>
			<wfw:commentRss>http://turleydesigns.com/2010/12/14/video-with-jw-player-and-bitrate-switching-based-on-bandwidth/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

