var search_term = $('.search_tag_input').val();
// strip tags
search_term = search_term.replace(/(<([^>]+)>)/ig,"");
//spaces as underscores
search_term = search_term.replace(' ', '_');
//remove nonword characters (and underscores)
search_term = search_term.replace(/\W/ig, '');
//underscores to dashes (or whatever is needed)
search_term = search_term.replace('_', '-');

var outerPane = $details.find(".details-pane-outer"),
didScroll = false;
$(window).scroll(function() {
didScroll = true;
});

setInterval(function() {
if ( didScroll ) {
didScroll = false;
// Check your page position and then
// Load in more results
}
}, 250);

See ejohn.org/blog/learning-from-twitter/

Drag the waves.
Click the waves to disable mouse rotating.

Flip the waves 90 degrees clockwise
Flip the waves 90 degrees counter-clockwise
Flip the waves 270 degrees clockwise (same as above)
Flip the waves 26 degrees clockwise
Flip the waves 84 degrees counter-clockwise
Flip the waves 108 degrees counter-clockwise
Flip the waves 180 degrees either direction
Flip the waves container 90 degrees clockwise
Flip the draggable container 90 degrees clockwise
Enable mouse following
Disable mouse following

The borders and markup above are meant to display behavior of various browsers when applying a CSS3 transform. Try flipping the draggableContainer and moving the waves around. IE has serious performance issues when applying the mouse following rotation, unless you click and hold within the draggableContainer while mouse following is enabled. Perhaps this can be helped tying the mouse following behavior to an absolutely positioned element within waveContainer div.

The markup:

<div class="draggableContainer">
    Drag the waves.<br/>
    Click the waves to disable mouse rotating.
    <div class="wavesContainer">
        <img class="size-full wp-image-347 waves"
            title="waves"
            src="http://davidwhitely.com/wp-content/uploads/2010/12/waves.gif"
            width="300"
            height="225"
            onclick="$('.draggerContainer').unbind('mousemove');"
        />
    </div>
</div>

The CSS:

.draggableContainer{
	position:relative;
	width:95%;
	height:315px;
	border:1px solid green;
}

.wavesContainer{
	border:1px solid #C60104;
	width:310px;
	padding:5px;
	display:block;
	position:absolute;
	top:35px;
	left:25px;
}

.waves {
	padding:5px;
	border:1px solid #CCC;
}
.rotateHandle{
	position:absolute;
	top:-10px;
	left:50%;
	height:5px;
	width:5px;
	border:1px solid black;
	background:white;
}

The Javascript

//Let's make it draggable, for fun!	
$(document).ready(function(){
	$('.wavesContainer').draggable({ containment: 'parent' });
});

//rotate an element by a supplied degrees argument
//if no degrees argument, default to mouse following
function rotate(element, a){
	var sin;
	var cos;

	//roation markup for all browsers
	function normalizedRotate(sin, cos){
		//javascript sin in degress
		sin = Math.sin(a * Math.PI/180);
		cos = Math.cos(a * Math.PI/180);

		//rounds to 3 decimal points
		sin = Math.round(sin*10000)/10000;
		cos = Math.round(cos*10000)/10000;

		//need to update this to use $.support
		if (!$.browser.msie) {
			element.css('-webkit-transform', 'matrix('+cos+','+sin+','+-sin+','+cos+', 0, 0)');
			element.css('-moz-transform', 'matrix('+cos+','+sin+','+-sin+','+cos+', 0, 0)');
			element.css('-o-transform', 'matrix('+cos+','+sin+','+-sin+','+cos+', 0, 0)');
			element.css('transform', 'matrix('+cos+','+sin+','+-sin+','+cos+', 0, 0)');
		} else {
element.css('filter', 'progid:DXImageTransform.Microsoft.Matrix(sizingMethod="auto expand", FilterType="nearest neighbor", M11='+cos+', M12='+-sin+', M21='+sin+', M22='+cos+')');
		}
	}

	if(!a){
		$('.draggableContainer').mousemove(function(e){
			//get the X Y position of the mouse relative to the center of the selected element
			var difX = e.pageX - element.offset().left - (element.width()/2.0);
			var difY = e.pageY - element.offset().top - (element.height()/2.0);

			a = Math.atan2(difY, difX);
			//convert radial mouse value to a value of 0 to 360
			//add 90 so that it acts as if it's calculating from the top of the selected element 
			a = (a/Math.PI*180) + (a > 0 ? 0 : 360)+90;

			normalizedRotate(sin, cos);
		});

	} else {
		normalizedRotate(sin, cos);
	}
}

Image from http://m.pimpmyspace.org/pimp/1/d4/d41504d2b63805059fc7.gif

Tracked down the original use here:

/* CLEARFIX !! -- slightly enhanced, universal clearfix hack */
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.clearfix { display:inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* close commented backslash hack */

From http://upload.wikimedia.org/wikipedia/commons/d/d4/Calabi-Yau.png

From http://www.blogcdn.com/www.engadget.com/media/2010/01/cell-radiation-01-09-2010.jpg

Add the following parameter to the OBJECT tag:
<param name=”wmode” value=”transparent”>
Add the following parameter to the EMBED tag:
wmode=”transparent”

Traditional business development meant spending a lot of money on dry cleaning, animating your powerpoint, drinking stale coffee in windowless conference rooms and scouring the thesaurus looking for synonyms for “synergy”. Not to mention trying to get hopelessly overbooked people to return your email. And then after the deal was done, squabbling over who dealt with the customer service. Much, much better this way!

Article link here, from this article on WordPress implementing the Twitter API.