<?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>Context Technology Solutions &#187; Tools</title>
	<atom:link href="http://www.contextllc.com/blog/category/tools/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.contextllc.com/blog</link>
	<description>Information about Website Design, Search Engine Optimization (SEO), and Internet Technology</description>
	<lastBuildDate>Sun, 18 Jul 2010 15:41:10 +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>jQuery onScrollBeyond and scrollExtend plugins &#8211; infinite scroll with ajax</title>
		<link>http://www.contextllc.com/blog/2010/06/jquery-onscrollbeyond-and-scrollextend-plugins-infinite-scroll-with-ajax/</link>
		<comments>http://www.contextllc.com/blog/2010/06/jquery-onscrollbeyond-and-scrollextend-plugins-infinite-scroll-with-ajax/#comments</comments>
		<pubDate>Thu, 17 Jun 2010 15:28:27 +0000</pubDate>
		<dc:creator>Jim Keller</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://www.contextllc.com/blog/?p=310</guid>
		<description><![CDATA[
The scrollExtend plugin is designed to automatically load new content at the bottom of the screen (by appending to a DOM element) when the user scrolls beyond the element, much like Facebook does with their status updates. The existing infinite scroll plugin was primarily designed to integrate with Wordpress, which didn&#8217;t really suit my purposes.
There [...]]]></description>
			<content:encoded><![CDATA[<div style="float: left; margin-right: 30px; width: 300px;">
<p>The scrollExtend plugin is designed to automatically load new content at the bottom of the screen (by appending to a DOM element) when the user scrolls beyond the element, much like Facebook does with their status updates. The existing <a href="http://www.infinite-scroll.com/">infinite scroll</a> plugin was primarily designed to integrate with Wordpress, which didn&#8217;t really suit my purposes.</p>
<p>There are two plugins encapsulated here &#8211; onScrollBeyond, which allows the developer to specify a callback to be run when an element is scrolled beyond (or the end of the document is reached), and scrollExtend, which is simply an implementation of onScrollBeyond that automatically loads new content via ajax when a user scrolls past an element.</p>
<p>Works with jQuery 1.3.2 and jQuery 1.4.2</p>
<p>Tested in IE6, IE7, Firefox, Chrome, Safari</p>
<p>Originally created for the <a href="http://www.junebugdating.com">Junebug</a> dating site
</div>
<div class="download_links_container">
<div class="download_links_elements">
<div class="main_heading">Download</div>
<div class="download_link_element"><a href="/dev_tools/jQuery/scrollExtend/latest/scrollExtend.zip">Download as .zip</a></div>
<div class="main_heading">Demo</div>
<div class="download_link_element"><a href="/dev_tools/jQuery/scrollExtend/latest/jquery.scrollExtend.example.html">View Demo</a></div>
</div>
</div>
<div class="clearer">&nbsp;</div>
<p>
<span style="font-style:italic;"><b>Update v1.0.1</b> &#8211; fixed scrollExtend would get stuck in a disabled state if beforeStart returned false, even if it returned true on subsequent calls</span>
</p>
<h2>onScrollBeyond Options</h2>
<table style="width: 100%;" border="0">
<tbody>
<tr class="sep">
<td>buffer <span style="font-weight: normal;">(default: 20)</span></td>
</tr>
<tr class="odd">
<td class="indent">The number of pixels below the element that need to be scrolled beyond in order for the event to fire. For example, setting this to zero means that as soon as the bottom of the element can be seen in the window, the callback will fire.</td>
</tr>
<tr class="sep">
<td>fireOnBeyondElement <span style="font-weight: normal;">(default: true)</span></td>
</tr>
<tr class="">
<td class="indent">Whether or not to fire the callback event when the element is scrolled beyond. The alternative is to fire the event only if the very end of the document has been reached (i.e. the user&#8217;s scrollbar cannot go any farther down).</td>
</tr>
<tr class="sep">
<td>fireOnDocEnd <span style="font-weight: normal;">(default: true)</span></td>
</tr>
<tr class="odd">
<td class="indent">If true, the callback event will fire if the user scrolls to the very bottom of the window. Note that if your buffer is greater than zero and your scollBeyond element is the last element on the page, the callback won&#8217;t fire unless this is set to true.</td>
</tr>
</table>
<h2>onScrollBeyond API</h2>
<table style="width: 100%;" border="0">
<tbody>
<tr class="sep">
<td>disable</td>
</tr>
<tr class="odd">
<td class="indent">disable the onScrollBeyond for an element by calling jQuery(&#8216;#my_element&#8217;).onScrollBeyond(&#8216;disable&#8217;)</td>
</tr>
<tr class="sep">
<td>enable</td>
</tr>
<tr class="odd">
<td class="indent">enable the onScrollBeyond for an element (if it has been disabled) by calling jQuery(&#8216;#my_element&#8217;).onScrollBeyond(&#8216;enable&#8217;)</td>
</tr>
</tbody>
</table>
<h2>onScrollBeyond Example</h2>
<pre class="brush: jscript;">
jQuery(document).ready(
       function() {

         jQuery('div.mydiv').onScrollBeyond(

           function() {
               alert( 'you have scrolled beyond this element' );
           }

         );

       }

   );
</pre>
<h2>scrollExtend Options</h2>
<table style="width: 100%;" border="0">
<tbody>
<tr class="sep">
<td>buffer <span style="font-weight: normal;">(default: 20)</span></td>
</tr>
<tr class="odd">
<td class="indent">(this option is passed directly to onScrollBeyond. See description above)</td>
</tr>
<tr class="sep">
<td>fireOnBeyondElement <span style="font-weight: normal;">(default: true)</span></td>
</tr>
<tr class="">
<td class="indent">(this option is passed directly to onScrollBeyond. See description above)</td>
</tr>
<tr class="sep">
<td>fireOnDocEnd <span style="font-weight: normal;">(default: true)</span></td>
</tr>
<tr class="odd">
<td class="indent">(this option is passed directly to onScrollBeyond. See description above)</td>
</tr>
<tr class="sep">
<td>url</td>
</tr>
<tr class="">
<td class="indent">The url that will be loaded via AJAX when a user scrolls beyond the element or hits the end of the page</td>
</tr>
<tr class="sep">
<td>beforeStart</td>
</tr>
<tr class="odd">
<td class="indent">a callback to be run prior to firing the onScrollBeyond event. Note that this callback MUST RETURN TRUE if you want the event to fire. If this callback returns false, the scroll event will not fire</td>
</tr>
<tr class="sep">
<td>onSuccess</td>
</tr>
<tr class="">
<td class="indent">a callback to be run after the new element has been loaded &#038; appended</td>
</tr>
<tr class="sep">
<td>target</td>
</tr>
<tr class="odd">
<td class="indent">specifies which element we should append our newly created element to. Accepts any valid jQuery selector.</td>
</tr>
<tr class="sep">
<td>loadingIndicatorEnabled <span style="font-weight: normal;">(default:true)</span></td>
</tr>
<tr class="">
<td class="indent">if true, when content is being loaded, a loading indicator element is added to the <b>target</b>.</td>
</tr>
<tr class="sep">
<td>loadingIndicatorClass <span style="font-weight: normal;">(default: &#8217;scrollExtend-loading&#8217;)</span></td>
</tr>
<tr class="odd">
<td class="indent">Class to be applied to the loading indicator</td>
</tr>
<tr class="sep">
<td>newElementClass</td>
</tr>
<tr class="">
<td class="indent">Class to be applied to the newly created element</td>
</tr>
<tr class="sep">
<td>ajaxSettings</td>
</tr>
<tr class="odd">
<td class="indent">options to be passed directly to <a href="http://api.jquery.com/jQuery.ajax/">jQuery.ajax()</a>.<br />
Note: </p>
<ul>
<li>The URL option will not be respected here; add the url to the main scrollExtend options</li>
<li>scrollExtend uses the &#8217;success&#8217; callback, so it is not recommended that you override it. Use scrollExtend&#8217;s &#8216;onSuccess&#8217; callback instead.</li>
</ul>
</td>
</tr>
</table>
<h2>scrollExtend API</h2>
<table style="width: 100%;" border="0">
<tbody>
<tr class="sep">
<td>disable</td>
</tr>
<tr class="odd">
<td class="indent">disable the scrollExtend for an element by calling jQuery(&#8216;#my_element&#8217;).scrollExtend(&#8216;disable&#8217;)</td>
</tr>
<tr class="sep">
<td>enable</td>
</tr>
<tr class="odd">
<td class="indent">enable the scrollExtend for an element (if it has been disabled) by calling jQuery(&#8216;#my_element&#8217;).scrollExtend(&#8216;enable&#8217;)</td>
</tr>
</tbody>
</table>
<h2>scrollExtend Example</h2>
<pre class="brush: jscript;">
	jQuery(document).ready(
		function() {
			jQuery('.scroll_container').scrollExtend(
				{
					'target': 'div#scroll_items',
					'url': 'more_content.html',
					'newElementClass': 'list_item more_content'

				}
			);
		}
	);
</pre>
<div><table > <td><iframe src='http://digg.com/api/diggthis.php?w=new&amp;u=http%3A%2F%2Fwww.contextllc.com%2Fblog%2F2010%2F06%2Fjquery-onscrollbeyond-and-scrollextend-plugins-infinite-scroll-with-ajax%2F&amp;t=jQuery+onScrollBeyond+and+scrollExtend+plugins+-+infinite+scroll+with+ajax&amp;s=normal' height='80' width='52' frameborder='0' scrolling='no'></iframe></td> <td><iframe src='http://www.reddit.com/button_content?newwindow=1&amp;url=http%3A%2F%2Fwww.contextllc.com%2Fblog%2F2010%2F06%2Fjquery-onscrollbeyond-and-scrollextend-plugins-infinite-scroll-with-ajax%2F&amp;title=jQuery+onScrollBeyond+and+scrollExtend+plugins+-+infinite+scroll+with+ajax&amp;t=2 ' height='80' width='52' scrolling='no' frameborder='0' ></iframe></td> <td><iframe src='http://widgets.dzone.com/links/widgets/zoneit.html?url=http%3A%2F%2Fwww.contextllc.com%2Fblog%2F2010%2F06%2Fjquery-onscrollbeyond-and-scrollextend-plugins-infinite-scroll-with-ajax%2F&amp;title=jQuery+onScrollBeyond+and+scrollExtend+plugins+-+infinite+scroll+with+ajax&amp;t=1 ' height='80' width='52' scrolling='no' frameborder='0' ></iframe></td></table></div><!-- Generated by Digg Digg plugin, 
    Author : Yong Mook Kim
    Website : http://www.mkyong.com/blog/digg-digg-wordpress-plugin/
	-->]]></content:encoded>
			<wfw:commentRss>http://www.contextllc.com/blog/2010/06/jquery-onscrollbeyond-and-scrollextend-plugins-infinite-scroll-with-ajax/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A quick review of Raven SEO tools</title>
		<link>http://www.contextllc.com/blog/2009/10/a-quick-review-of-raven-seo-tools/</link>
		<comments>http://www.contextllc.com/blog/2009/10/a-quick-review-of-raven-seo-tools/#comments</comments>
		<pubDate>Sun, 04 Oct 2009 03:45:29 +0000</pubDate>
		<dc:creator>Jim Keller</dc:creator>
				<category><![CDATA[Search Engine Optimization]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[raven]]></category>
		<category><![CDATA[seo]]></category>

		<guid isPermaLink="false">http://www.contextsolutions.net/blog/?p=268</guid>
		<description><![CDATA[We signed up for Raven a few months ago, although I have to admit that we didn&#8217;t really start digging into its features until recently. After working with it in a bit more detail, I thought I&#8217;d give a quick run through of what we&#8217;ve found so far.
For those who don&#8217;t know what it is, [...]]]></description>
			<content:encoded><![CDATA[<p>We signed up for <a href="http://raven-seo-tools.com" target="_blank">Raven</a> a few months ago, although I have to admit that we didn&#8217;t really start digging into its features until recently. After working with it in a bit more detail, I thought I&#8217;d give a quick run through of what we&#8217;ve found so far.</p>
<p>For those who don&#8217;t know what it is, Raven is a web-based application for managing Internet Marketing campaigns. It&#8217;s a hosted solution, so there&#8217;s nothing to install, and it is either $79/month or $199/month depending on the number of users you&#8217;ll need. It has a whole host of features that you can check out on their <a href="http://raven-seo-tools.com">website</a>, but the three I&#8217;ll go over here are the SERP tracker, Link Manager, and Social Media manager.</p>
<p style="clear:both;">
<h2>SERP Tracker</h2>
<div id="attachment_269" class="wp-caption alignleft" style="width: 310px"><a href="http://www.contextsolutions.net/blog/wp-content/uploads/2009/10/seo_firm_trend.jpg"><img class="size-medium wp-image-269" title="seo_firm_trend" src="http://www.contextsolutions.net/blog/wp-content/uploads/2009/10/seo_firm_trend-300x175.jpg" alt="Trending forPhiladelphia SEO Firm" width="300" height="175" /></a><p class="wp-caption-text">Trending for Philadelphia SEO Firm</p></div>
<p>Initially, we weren&#8217;t too impressed with the SERP tracker in raven, but we found that it&#8217;s important to let it run for a few weeks before you can really see the value here. You don&#8217;t get immediate results the way you do with a local application like WebCEO, but I&#8217;ve come to really like Raven&#8217;t SERP tracker, especially since it supports graphing of SERP history (pictured left)</p>
<p style="clear:both;">
<h2>Link Manager</h2>
<p><div id="attachment_270" class="wp-caption alignleft" style="width: 310px"><a href="http://www.contextsolutions.net/blog/wp-content/uploads/2009/10/raven-link-manager.jpg"><img class="size-medium wp-image-270" style="margin-left: 5px; margin-right: 5px;" title="raven-link-manager" src="http://www.contextsolutions.net/blog/wp-content/uploads/2009/10/raven-link-manager-300x210.jpg" alt="" width="300" height="210" /></a><p class="wp-caption-text">Raven Link Manager</p></div><br />
Another feature we&#8217;ve been utilizing in Raven is the Link Manager, which provides a handy way to keep track of all the inbound links you&#8217;ve acquired or requested. It also has link monitoring so that it will let you know when a requested link becomes active, or if an active link becomes inactive.</p>
<p style="clear:both;">
<h2>Social Media Manager</h2>
<p><div id="attachment_271" class="wp-caption alignleft" style="width: 310px"><a href="http://www.contextsolutions.net/blog/wp-content/uploads/2009/10/raven_twitter.png"><img class="size-medium wp-image-271" title="raven_twitter" src="http://www.contextsolutions.net/blog/wp-content/uploads/2009/10/raven_twitter-300x184.png" alt="Twitter Account Tracker" width="300" height="184" /></a><p class="wp-caption-text">Twitter Account Tracker</p></div><br />
This is a feature we just started delving into, but it&#8217;s pretty cool. Raven allows you to manage &#8220;personas&#8221;, which are accounts on social media sites that you&#8217;ve created for your clients. Especially interesting is the Twitter account manager, which provides a concise report of Twitter &#8220;key performance indicators&#8221;, including ReTweets and followers (the image to the left was taken from the user manual). Raven also allows you to perform brand management by tracking mentions of your client&#8217;s name &#8211; kind of like a Google alerts for social media &#8211; but admittedly we haven&#8217;t really investigated this feature too much.</p>
<p style="clear:both;">
<h2>Conclusion</h2>
<p>So far, we&#8217;re digging Raven as a campaign management tool. We&#8217;re currently using it on the $79/month plan, which is a pretty reasonable price for what you get, though I do think that they could stand to give more than two user accounts at that price. We don&#8217;t have any relationship with Raven whatsoever, so this isn&#8217;t supposed to be a promotional post, I just thought I&#8217;d post some thoughts after using the package.</p>
<div><table > <td><iframe src='http://digg.com/api/diggthis.php?w=new&amp;u=http%3A%2F%2Fwww.contextllc.com%2Fblog%2F2009%2F10%2Fa-quick-review-of-raven-seo-tools%2F&amp;t=A+quick+review+of+Raven+SEO+tools&amp;s=normal' height='80' width='52' frameborder='0' scrolling='no'></iframe></td> <td><iframe src='http://www.reddit.com/button_content?newwindow=1&amp;url=http%3A%2F%2Fwww.contextllc.com%2Fblog%2F2009%2F10%2Fa-quick-review-of-raven-seo-tools%2F&amp;title=A+quick+review+of+Raven+SEO+tools&amp;t=2 ' height='80' width='52' scrolling='no' frameborder='0' ></iframe></td> <td><iframe src='http://widgets.dzone.com/links/widgets/zoneit.html?url=http%3A%2F%2Fwww.contextllc.com%2Fblog%2F2009%2F10%2Fa-quick-review-of-raven-seo-tools%2F&amp;title=A+quick+review+of+Raven+SEO+tools&amp;t=1 ' height='80' width='52' scrolling='no' frameborder='0' ></iframe></td></table></div><!-- Generated by Digg Digg plugin, 
    Author : Yong Mook Kim
    Website : http://www.mkyong.com/blog/digg-digg-wordpress-plugin/
	-->]]></content:encoded>
			<wfw:commentRss>http://www.contextllc.com/blog/2009/10/a-quick-review-of-raven-seo-tools/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
