<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0"><channel><title>Think2Loud»  – Think2Loud</title> <link>http://think2loud.com</link> <description>Building &amp; Tweaking Website's</description> <lastBuildDate>Thu, 29 Jul 2010 01:58:02 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.0</generator> <atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/Think2loud" /><feedburner:info uri="think2loud" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><feedburner:emailServiceId>Think2loud</feedburner:emailServiceId><feedburner:feedburnerHostname>http://feedburner.google.com</feedburner:feedburnerHostname><item><title>Backblaze Icon Missing from Menu Bar in Snow Leopard</title><link>http://feedproxy.google.com/~r/Think2loud/~3/3CVlM0KUBRs/</link> <comments>http://think2loud.com/backblaze-icon-missing-menu-bar-snow-leopard/#comments</comments> <pubDate>Wed, 28 Jul 2010 02:02:40 +0000</pubDate> <dc:creator>Jon</dc:creator> <category><![CDATA[General]]></category> <category><![CDATA[Backblaze]]></category> <category><![CDATA[OS X]]></category> <category><![CDATA[quicktip]]></category> <category><![CDATA[Snow Leopard]]></category><guid isPermaLink="false">http://think2loud.com/?p=782</guid> <description><![CDATA[Long story short, Backblaze is awesome!  Up until I lost my Backblaze icon from the menu bar in Mac OSX Snow Leopard.  I researched online a little and couldn&#8217;t find an easy method of fixing the issue.  With that nifty &#8230; (&#160;<a
href="http://think2loud.com/backblaze-icon-missing-menu-bar-snow-leopard/">more</a>&#160;)]]></description> <content:encoded><![CDATA[<p>Long  story short, <a
title="Backblaze" href="http://www.backblaze.com/" target="_blank">Backblaze</a> is awesome!  Up until I lost my Backblaze icon  from the menu bar in Mac OSX Snow Leopard.  I researched online a little  and couldn&#8217;t find an easy method of fixing the issue.  With that nifty  little icon missing, I worried if it were working at all &#8211; all those  precious photos, video and digital memories gone?</p><p>By  going into the Backblaze settings in your System Preferences, you can  select the check box next to &#8220;Show Backblaze icon in the menu bar.&#8221;   However, every time I checked the box, the icon would not come back.   And upon return to the preferences, the box remained unchecked.  A  mystery?  Yes, indeed.</p><p>Therefore,  I contacted customer support and they gave me a quick and easy solution  that made my day.  Try the following steps below to fix the  mysteriously missing Backblaze icon from the menu bar in Snow Leopard.</p><ol><li>Click on the Finder</li><li>Press Command + Shift + G</li><li>Enter /Library/Backblaze in the text field and press &#8220;Go&#8221;</li><li>Right click on the folder &#8220;bzdata&#8221; and Get Info (or press command + i)</li><li>Change the permissions, so that all users have &#8220;Read &amp; Write&#8221; permissions.</li><li>Then click the gear icon and select &#8220;Apply to enclosed items..&#8221;</li><li>If  the Backblaze icon doesn’t show up on the menu bar, follow steps 1-3  again and this time double click “bzbmenu” and this will place the icon  in the right spot.</li></ol> ]]></content:encoded> <wfw:commentRss>http://think2loud.com/backblaze-icon-missing-menu-bar-snow-leopard/feed/</wfw:commentRss> <slash:comments>2</slash:comments> <feedburner:origLink>http://think2loud.com/backblaze-icon-missing-menu-bar-snow-leopard/</feedburner:origLink></item> <item><title>$.extend and $.data, more than just internal jQuery methods</title><link>http://feedproxy.google.com/~r/Think2loud/~3/tFirsCzCuvc/</link> <comments>http://think2loud.com/linkpost/extend-data-internal-jquery-methods/#comments</comments> <pubDate>Thu, 22 Jul 2010 19:07:23 +0000</pubDate> <dc:creator>Jared</dc:creator> <guid isPermaLink="false">http://think2loud.com/?post_type=linkpost&amp;p=779</guid> <description><![CDATA[A great post about 2 of the more useful methods in jQuery.]]></description> <content:encoded><![CDATA[<p>A great post about 2 of the more useful methods in jQuery.</p> ]]></content:encoded> <wfw:commentRss>http://think2loud.com/linkpost/extend-data-internal-jquery-methods/feed/</wfw:commentRss> <slash:comments>0</slash:comments> <feedburner:origLink>http://www.position-absolute.com/articles/extend-and-data-more-than-just-internal-jquery-methods/</feedburner:origLink></item> <item><title>First Impressions: Genesis Theme Framework</title><link>http://feedproxy.google.com/~r/Think2loud/~3/86xttVv-EX4/</link> <comments>http://think2loud.com/impressions-genesis-theme-framework/#comments</comments> <pubDate>Tue, 20 Jul 2010 11:00:24 +0000</pubDate> <dc:creator>Jared</dc:creator> <category><![CDATA[WordPress]]></category><guid isPermaLink="false">http://think2loud.com/?p=772</guid> <description><![CDATA[Lately I&#8217;ve been doing a lot more work with WordPress, and it&#8217;s given me the opportunity to work on lots of different themes and theme frameworks. Given the choice I would much rather start a new theme from scratch. Of &#8230; (&#160;<a
href="http://think2loud.com/impressions-genesis-theme-framework/">more</a>&#160;)]]></description> <content:encoded><![CDATA[<p>Lately I&#8217;ve been doing a lot more work with WordPress, and it&#8217;s given me the opportunity to work on lots of different themes and theme frameworks.  Given the choice I would much rather start a new theme from scratch.  Of course &#8220;from scratch&#8221; means using one of the many starter themes people have put together, recently my favorite being BLANK from the Digging into WordPress <a
href="http://themeclubhouse.digwp.com/" target="_blank">Theme Clubhouse</a>. However when working in a production environment I&#8217;ve found it beneficial to find a framework and stick with it.  That way projects get done faster, everyone uses the same codebase, and clients all get a similar experience.</p><p>Enter the Genesis Framework from <a
href="http://www.studiopress.com/themes/genesis" target="_blank">StudioPress</a>.  As soon as I got a look at how the framework is built I was instantly impressed.  First, it has several great features that are helpful to both developers and users.  It offers automatic updates, great security, customizable theme settings, custom widgets, plenty of layout options, and the list goes on.  There are a lot of frameworks out there that give you similar things, but Genesis has some really cool features for developers too.</p><p>For starters, the theme is fully compatible with all the new features in WordPress 3.0.  StudioPress was quick to add those features for their users, and that kind of dedication to their product is a huge value.  Another great value for developers is the themes construction.  They have built Genesis to be a starting point for child themes, allowing for radically different sites without having to do the same edits to the main theme over and over again.  To help make a child theme as customizable as it needs to be in order to be successful, they have built in plenty of hooks to do whatever you need.  If you want to add a widgetized area above the footer, it&#8217;s easy.  You need an add area above the content, it can be done.  Anything you can think of you can do.  Proof of this is easy enough to find, since from what I can tell every theme that StudioPress has available is a child theme of Genesis.</p><p>On top of all this, StudioPress has an active community of users and developers on their forums that can offer help to any problems people come up with.  I think anyone who really uses WordPress knows how important an active community can be.</p><p>To wrap this up, I can simplify my first impressions into one word : awesome.  I&#8217;m really looking forward to building some cool stuff on top of this theme framework, and when I do i&#8217;ll be back writing a post about it.</p> ]]></content:encoded> <wfw:commentRss>http://think2loud.com/impressions-genesis-theme-framework/feed/</wfw:commentRss> <slash:comments>1</slash:comments> <feedburner:origLink>http://think2loud.com/impressions-genesis-theme-framework/</feedburner:origLink></item> <item><title>Displaying custom post types on your WordPress blog homepage</title><link>http://feedproxy.google.com/~r/Think2loud/~3/E87n-yc6f0o/</link> <comments>http://think2loud.com/displaying-custom-post-types-wordpress-blog-homepage/#comments</comments> <pubDate>Fri, 16 Jul 2010 02:29:31 +0000</pubDate> <dc:creator>Josh</dc:creator> <category><![CDATA[WordPress]]></category><guid isPermaLink="false">http://think2loud.com/?p=763</guid> <description><![CDATA[So you have created a great new custom post type in WordPress 3.0 but it doesn&#8217;t show on your homepage. To add your new post type to the homepage you could use the following code in your functions.php. As you &#8230; (&#160;<a
href="http://think2loud.com/displaying-custom-post-types-wordpress-blog-homepage/">more</a>&#160;)]]></description> <content:encoded><![CDATA[<p>So you have created a great new custom post type in WordPress 3.0 but it doesn&#8217;t show on your homepage. To add your new post type to the homepage you could use the following code in your functions.php. As you can see this code sets all the post types you would like to have displayed by using the pre_get_posts filter. I think using the filter would be great but currently it breaks the new menu&#8217;s in WordPress 3.0.</p><div
class="wp_syntax"><div
class="code"><pre class="php" style="font-family:monospace;">add_filter<span style="color: #009900;">&#40;</span> <span style="color: #0000ff;">'pre_get_posts'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'my_get_posts'</span> <span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #000000; font-weight: bold;">function</span> my_get_posts<span style="color: #009900;">&#40;</span> <span style="color: #000088;">$query</span> <span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	<span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span> is_home<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#41;</span>
		<span style="color: #000088;">$query</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">set</span><span style="color: #009900;">&#40;</span> <span style="color: #0000ff;">'post_type'</span><span style="color: #339933;">,</span> <span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span> <span style="color: #0000ff;">'post'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'page'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'album'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'movie'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'quote'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'attachment'</span> <span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
	<span style="color: #b1b100;">return</span> <span style="color: #000088;">$query</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span></pre></div></div><p>So to add your custom post types into the your blog homepage you can put this code just before the WordPress post loop. The following code adds in the post types you would like to use and also checks to make sure your paging still works.</p><div
class="wp_syntax"><div
class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span> 
<span style="color: #b1b100;">if</span><span style="color: #009900;">&#40;</span> is_home<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
<span style="color: #000088;">$paged</span> <span style="color: #339933;">=</span> <span style="color: #009900;">&#40;</span>get_query_var<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'paged'</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> ? get_query_var<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'paged'</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">:</span> <span style="color: #cc66cc;">1</span><span style="color: #339933;">;</span>
query_posts<span style="color: #009900;">&#40;</span> <span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'post_type'</span><span style="color: #339933;">=&gt;</span>array<span style="color: #009900;">&#40;</span> <span style="color: #0000ff;">'post'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'linkpost'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span><span style="color: #0000ff;">'paged'</span><span style="color: #339933;">=&gt;</span><span style="color: #000088;">$paged</span> <span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
<span style="color: #000000; font-weight: bold;">?&gt;</span></pre></div></div><p>if you want to read more about the first piece of code you can check it out on <a
href="http://justintadlock.com/archives/2010/02/02/showing-custom-post-types-on-your-home-blog-page">Justin Tadlock&#8217;s</a> blog.</p> ]]></content:encoded> <wfw:commentRss>http://think2loud.com/displaying-custom-post-types-wordpress-blog-homepage/feed/</wfw:commentRss> <slash:comments>2</slash:comments> <feedburner:origLink>http://think2loud.com/displaying-custom-post-types-wordpress-blog-homepage/</feedburner:origLink></item> <item><title>WordPress Hosting</title><link>http://feedproxy.google.com/~r/Think2loud/~3/F_y9V_6D_-g/</link> <comments>http://think2loud.com/wordpress-hosting/#comments</comments> <pubDate>Wed, 14 Jul 2010 02:58:35 +0000</pubDate> <dc:creator>Josh</dc:creator> <category><![CDATA[WordPress]]></category><guid isPermaLink="false">http://think2loud.com/?p=745</guid> <description><![CDATA[Think2Loud had been on shared hosting for just under two years, before I finally decided to take the leap and set up my own server. A few months ago I was reading a blog post by WooThemes about their new &#8230; (&#160;<a
href="http://think2loud.com/wordpress-hosting/">more</a>&#160;)]]></description> <content:encoded><![CDATA[<p>Think2Loud had been on shared hosting for just under two years, before I finally decided to take the leap and set up my own server. A few months ago I was reading a blog post by <a
href="http://www.woothemes.com/2010/04/our-setup/">WooThemes</a> about their new hosting setup. After reading about their insane hosting setup, I started doing a little research on <a
href="http://www.vps.net/?r=clVz">VPS.net</a> and came across a great article on <a
href="http://yoast.com">Yoast.com</a> about <a
href="http://yoast.com/articles/wordpress-hosting/">WordPress hosting</a>. So going by what WooThemes had recently setup and what Yoast recommend, I moved Think2Loud to a <a
href="http://www.vps.net/?r=clVz">VPS.net Cloud Server</a>. I couldn’t be happier with the results. Not only does VPS.net have a great product for hosting WordPress but they are also extremely helpful and quick to respond to questions. So if you are looking for new hosting, be sure to check out a <a
href="http://www.vps.net/?r=clVz">VPS.net Cloud Server</a>.</p><h2>VPS.net WordPress Hosting</h2><p>Think2Loud doesn’t yet need the power that Yoast.com is running on. I got a VPS.net Cloud Server with the following setup on it, and what&#8217;s more, I did it all on my own. Yoast mentions in their WordPress article that if you buy 6 nodes or more, VPS.net will set you up with exactly what they have. Since Think2Loud currently only has about 15K visits a month, I couldn’t justify that much power. With some help from the VPS.net forums and following Yoast’s setup list, this is what I have running:</p><ul><li>1 Cloud Server at VPS.net, (2 nodes at the moment, tried 1 and there was just not enough RAM)</li><li>Centos with CPanel in the Atlanta cloud</li><li>replaced Apache with <a
href="http://litespeedtech.com/">LiteSpeed</a> (this really is easy )</li><li>installed <a
href="http://pecl.php.net/package/APC">APC</a> so I could do database and output caching with the <a
href="http://www.w3-edge.com/wordpress-plugins/w3-total-cache/">W3 Total Cache plugin</a></li><li>and of course a CDN. I went with <a
href="http://maxcdn.com">MaxCDN</a> because they were the best deal I could find</li></ul><p>Pretty simple, right? Now there are a few things that I would like to share with you about VPS.net and the setup they have. I couldn’t find this info anywhere on the web but you may find it valuable. I know it made my day once I signed up and got started.</p><ul><li>CPanel and WHM are monthly add-ons and VPS.net does the licensing.</li><li>LiteSpeed is also a monthly add-on and has a CPanel module. VPS.net also takes care of the license.</li><li>TThere is a small fee for there snapshot service. (Get it! you can never have too many backups).</li><li>I also setup Rsync on my server with the help of VPS.net. Again, there is a small fee, but it backs up everything.</li></ul><p>That&#8217;s it! With just a little work, you can have one lean, mean, WordPress hosting machine. Be sure to check out the <a
href="http://yoast.com/articles/wordpress-hosting/">WordPress hosting</a> article over at Yoast.com, and I would like to thank them for pointing me to a great hosting service.</p> ]]></content:encoded> <wfw:commentRss>http://think2loud.com/wordpress-hosting/feed/</wfw:commentRss> <slash:comments>1</slash:comments> <feedburner:origLink>http://think2loud.com/wordpress-hosting/</feedburner:origLink></item> <item><title>Sencha Touch: The HTML5 Mobile App Framework</title><link>http://feedproxy.google.com/~r/Think2loud/~3/apadCNClrPQ/</link> <comments>http://think2loud.com/linkpost/sencha-touch-html5-mobile-app-framework/#comments</comments> <pubDate>Fri, 09 Jul 2010 13:29:34 +0000</pubDate> <dc:creator>Josh</dc:creator> <guid isPermaLink="false">http://think2loud.com/?post_type=linkpost&amp;p=739</guid> <description><![CDATA[Mobile application development certainly is not easy but the right framework can make a huge difference. Mobiletuts+ covers the basics of Sencha Touch to help you decide if it is right for you.]]></description> <content:encoded><![CDATA[<p>Mobile application development certainly is not easy but the right framework can make a huge difference. Mobiletuts+ covers the basics of Sencha Touch to help you decide if it is right for you.</p> ]]></content:encoded> <wfw:commentRss>http://think2loud.com/linkpost/sencha-touch-html5-mobile-app-framework/feed/</wfw:commentRss> <slash:comments>0</slash:comments> <feedburner:origLink>http://mobile.tutsplus.com/articles/news/sencha-touch-the-html5-mobile-app-framework/</feedburner:origLink></item> <item><title>How to see if a Post in WordPress has an Excerpt</title><link>http://feedproxy.google.com/~r/Think2loud/~3/Yo7Wg7kua1U/</link> <comments>http://think2loud.com/check-post-wordpress-excerpt/#comments</comments> <pubDate>Fri, 09 Jul 2010 02:33:55 +0000</pubDate> <dc:creator>Josh</dc:creator> <category><![CDATA[WordPress]]></category> <category><![CDATA[quicktip]]></category><guid isPermaLink="false">http://think2loud.com/?p=723</guid> <description><![CDATA[On the single post page for our posts, we wanted to display the excerpt only if one had been entered. Since the built-in WordPress function to get the excerpt for a post will automatically generate one for you, we couldn’t &#8230; (&#160;<a
href="http://think2loud.com/check-post-wordpress-excerpt/">more</a>&#160;)]]></description> <content:encoded><![CDATA[<p>On the single post page for our posts, we wanted to display the excerpt only if one had been entered. Since the built-in WordPress function to get the excerpt for a post will automatically generate one for you, we couldn’t just put the function in our post loop like what was done below.</p><div
class="wp_syntax"><div
class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span> have_posts<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#41;</span> <span style="color: #b1b100;">while</span> <span style="color: #009900;">&#40;</span> have_posts<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#41;</span> <span style="color: #339933;">:</span> the_post<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
	&lt;div id=&quot;post-<span style="color: #000000; font-weight: bold;">&lt;?php</span> the_ID<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&quot; <span style="color: #000000; font-weight: bold;">&lt;?php</span> post_class<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&gt;
		&lt;h1 class=&quot;entry-title&quot;&gt;<span style="color: #000000; font-weight: bold;">&lt;?php</span> the_title<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&lt;/h1&gt;
		&lt;div class=&quot;entry-content&quot;&gt;
			<span style="color: #000000; font-weight: bold;">&lt;?php</span> the_excerpt<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
			<span style="color: #000000; font-weight: bold;">&lt;?php</span> the_content<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
		&lt;/div&gt;&lt;!-- .entry-content --&gt;
	&lt;/div&gt;&lt;!-- #post --&gt;
<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">endwhile</span><span style="color: #339933;">;</span> <span style="color: #666666; font-style: italic;">// end of the loop. ?&gt;</span></pre></div></div><p>Doing this causes the intro of the post to show twice, once from the auto-generated excerpt and once in the post content. To fix this, we added a quick check to the post loop. Simply replacing the_excerpt function in the post loop with this little piece of code removed the double intro.</p><div
class="wp_syntax"><div
class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span> 
	<span style="color: #b1b100;">if</span><span style="color: #009900;">&#40;</span> <span style="color: #339933;">!</span><span style="color: #990000;">empty</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$post</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">post_excerpt</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		<span style="color: #666666; font-style: italic;">//We have a excerpt so print it</span>
		the_excerpt<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span> 
<span style="color: #000000; font-weight: bold;">?&gt;</span></pre></div></div>]]></content:encoded> <wfw:commentRss>http://think2loud.com/check-post-wordpress-excerpt/feed/</wfw:commentRss> <slash:comments>0</slash:comments> <feedburner:origLink>http://think2loud.com/check-post-wordpress-excerpt/</feedburner:origLink></item> <item><title>CSS3 Rounded Image With jQuery</title><link>http://feedproxy.google.com/~r/Think2loud/~3/VaKcWSptTPo/</link> <comments>http://think2loud.com/linkpost/css3-rounded-image-with-jquery/#comments</comments> <pubDate>Fri, 02 Jul 2010 02:18:33 +0000</pubDate> <dc:creator>Josh</dc:creator> <guid isPermaLink="false">http://think2loud.com/?post_type=linkpost&amp;p=689</guid> <description><![CDATA[This a great little jQuery snippet that allows you to add rounded corners to images with ease.]]></description> <content:encoded><![CDATA[<p>This a great little jQuery snippet that allows you to add rounded corners to images with ease.</p> ]]></content:encoded> <wfw:commentRss>http://think2loud.com/linkpost/css3-rounded-image-with-jquery/feed/</wfw:commentRss> <slash:comments>0</slash:comments> <feedburner:origLink>http://www.webdesignerwall.com/tutorials/css3-rounded-image-with-jquery/</feedburner:origLink></item> <item><title>JSON vs. XML: What Should You Use?</title><link>http://feedproxy.google.com/~r/Think2loud/~3/8bzBFDmNlIM/</link> <comments>http://think2loud.com/json-xml/#comments</comments> <pubDate>Sun, 27 Dec 2009 21:02:54 +0000</pubDate> <dc:creator>Jared</dc:creator> <category><![CDATA[JavaScript]]></category> <category><![CDATA[json]]></category> <category><![CDATA[XML]]></category><guid isPermaLink="false">http://think2loud.com/?p=680</guid> <description><![CDATA[Lots of people have asked me this question: which is better when loading data via an ajax request?  JSON is my favorite. I'm going to try and explain the benefits of JSON over XML. (&#160;<a
href="http://think2loud.com/json-xml/">more</a>&#160;)]]></description> <content:encoded><![CDATA[<p>From the start, JSON is already has a leg up on XML for one reason: it&#8217;s faster. To read XML you need to parse it, read the nodes, attributes, and child nodes in the XML document, and then use the data that you&#8217;ve found.</p><p>In jQuery the easiest way to do that is to use the built-in ajax functions to call the XML and use the each function to loop through all the nodes. The each function is nice, but is much much slower than a for loop. Just imagine what happens when we have an XML document with multiple levels of nested nodes you need to get at. You end up with multiple nested $.each functions and without much trying, you end up with a script that crawls. With JSON it&#8217;s easy to get at the data since its already native javascript. No parsers or proxies necessary&#8211;all you need to do is loop through the data, fast and simple. That&#8217;s one point for JSON.</p><p>There are aspects of XML that people point to as reasons to use it.  First, XML is both human and machine readable. It is nice to see what data is being returned just by viewing the source, but that problem is solved by having good documentation, including an example of the JSON that will be returned. Also, being a front-end developer, I spend a lot of my time reading javascript anyway.  I find it just as easy to read as XML, it&#8217;s just different.</p><p>Another good reason to use XML is that it&#8217;s widely available.  Lots of websites offer APIs to get at their public (and sometimes private) data, and I usually find the returned format of these APIs are often either XML or JSON.  However since XML has been around longer than JSON, there is simply more XML out there.</p><p>Sometimes you might find yourself in a situation where you don&#8217;t have JSON as an option.  So do you submit to the API gods and slow down your site and just use the XML?  Why do that when you can write the API yourself!  This is where some server side skills come in handy.  It&#8217;s super easy to load an XML document via PHP and print out the data in whatever format you need it to be in.</p><p>So in conclusion, you should be using JSON every chance you get.</p> ]]></content:encoded> <wfw:commentRss>http://think2loud.com/json-xml/feed/</wfw:commentRss> <slash:comments>2</slash:comments> <feedburner:origLink>http://think2loud.com/json-xml/</feedburner:origLink></item> <item><title>Where to Start with jQuery Selectors</title><link>http://feedproxy.google.com/~r/Think2loud/~3/ZnInU0AWTxo/</link> <comments>http://think2loud.com/start-jquery-selectors/#comments</comments> <pubDate>Wed, 09 Sep 2009 12:42:11 +0000</pubDate> <dc:creator>Josh</dc:creator> <category><![CDATA[Code 101]]></category> <category><![CDATA[jQuery]]></category><guid isPermaLink="false">http://think2loud.com/?p=633</guid> <description><![CDATA[With jQuery there are many ways to select elements. We are going to cover two of the  most popular selectors id and class. (&#160;<a
href="http://think2loud.com/start-jquery-selectors/">more</a>&#160;)]]></description> <content:encoded><![CDATA[<p>jQuery uses the same selectors as CSS. This makes it very easy to select the elements you want to work with. The two most commonly used selectors are id and class. So before we start make sure you have your <a
href="http://think2loud.com/jquery-101-adding-jquery-to-your-website/">jQuery setup</a> and the <a
href="http://think2loud.com/jquery-document-ready-howto/">$(document).ready()</a> function on the page.</p><h3>Selecting by ID</h3><p>This is best used when you want to target one specific element. The selector is exactly the same as what you would use to set styles for the particular element in CSS.</p><p>Selecting element with CSS and setting some styles.</p><div
class="wp_syntax"><div
class="code"><pre class="css" style="font-family:monospace;"><span style="color: #cc00cc;">#youridhere</span> <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">display</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">none</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span></pre></div></div><p>Now selecting the same element with jQuery and adding CSS styles.</p><div
class="wp_syntax"><div
class="code"><pre class="javascript" style="font-family:monospace;">$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;#youridhere&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">css</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;display&quot;</span><span style="color: #339933;">,</span><span style="color: #3366CC;">&quot;none&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div><h3>Selecting by Class</h3><p>With the class selector you can select multiple elements at once. jQuery deals with multiple elements in a very simple manor. It returns an array of jQuery objects. With the way jQuery is designed it will automaticaly apply anything you do to your selection to all elements without having to loop threw the results.</p><p>Lets take a simples example of hiding all elements with a class of hide. To do this with CSS we would create the class in our style sheet like so:</p><div
class="wp_syntax"><div
class="code"><pre class="css" style="font-family:monospace;"><span style="color: #6666ff;">.hide</span> <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">display</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">none</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span></pre></div></div><p>To do this same thing to all the elements with the class of hide in jQuery. You would use the following statement:</p><div
class="wp_syntax"><div
class="code"><pre class="javascript" style="font-family:monospace;">$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;.hide&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">css</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;display&quot;</span><span style="color: #339933;">,</span><span style="color: #3366CC;">&quot;none&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div><p>This should get you started on the path of using jQuery in your projects. To read more about the selectors your can use in jQuery check out the <a
href="http://docs.jquery.com/Selectors" target="_blank">documentation</a>.</p> ]]></content:encoded> <wfw:commentRss>http://think2loud.com/start-jquery-selectors/feed/</wfw:commentRss> <slash:comments>2</slash:comments> <feedburner:origLink>http://think2loud.com/start-jquery-selectors/</feedburner:origLink></item> </channel> </rss><!-- Served from: think2loud.com @ 2010-07-29 01:58:05 by W3 Total Cache -->
