I’m using two jQuery plugins to manage the images. TinyCarousel is one of them, it creates an image slider for navigation and ColorBox helps open clicked images without leaving the page. It’s actually fun. Formatting images from the album feed is a breeze with the help of SimplePie which by default is included in WordPress. It does all the back end work for me.

Cool eh? Try hovering or clicking on an image. Dig into my source code to get more information. All done with CSS3 and some Javascript(or shall I say jQuery). Sorry IE’ers, no support for y’all but it works great on IE7 and above.

About the Twitter integration, I don’t think its going to be possible. Various reasons.

Anyway this is how you do it using your .htaccess file:

Header set Message "Oh hai thar~!! From: Manmohanjit Singh"

It may sound immature but its fund . Anyway check out my headers.

Here’s the PHP function to do so:

function create_slug($str) {
	$result = @iconv('UTF-8', 'ASCII//TRANSLIT', $str);
	$result = strtolower($result);
	$result = preg_replace("/[^a-z0-9\s-]/", "", $result);
	$result = trim(preg_replace("/\s+/", " ", $result));
	$result = preg_replace("/\s/", "-", $result);
	$result = preg_replace("/[\/_|+ -]+/", '-', $result);
	return $result;
}

This is the slug generated for this post title:

perfect-function-to-create-a-readable-slug-with-php

function isAjax() {
	if(!empty($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest') {
		return true;
	}
	else {
		return false;
	}
}

To check for an Ajax request is as simple as this:

if(isAjax()) {
	//there is an ajax request
}
else {
	//:( no ajax request
}

So now you don’t need to send in a post/get parameter just to check for an Ajax request, just use the code above.

Have you used or seen Twitter? The cool way they display the time a tweet was posted on? Example: “8 minutes ago”. I don’t know if you think its cool or not, but I sure think it is.

I have been finding this piece of code either ready for me to use or even a tutorial. I came across the code at snipplr, a place where you can share your code. It’s a useful site, that I suggest you bookmark. Anyway, it uses the time() format to calculate the seconds/minutes/hours/days/years/decades ago. You can view the code here.

function newTime($tm,$rcs = 0) {
	// http://snipplr.com/view/17338/
	$cur_tm = time(); $dif = $cur_tm-$tm;
	$pds = array('second','minute','hour','day','week','month','year','decade');
	$lngh = array(1,60,3600,86400,604800,2630880,31570560,315705600);
	for($v = sizeof($lngh)-1; ($v >= 0)&&(($no = $dif/$lngh[$v])<=1); $v--); if($v < 0) $v = 0; $_tm = $cur_tm-($dif%$lngh[$v]);
	$no = floor($no); if($no <> 1) $pds[$v] .='s'; $x=sprintf("%d %s ",$no,$pds[$v]);
	if(($rcs == 1)&&($v >= 1)&&(($cur_tm-$_tm) > 0)) $x .= time_ago($_tm);
	return $x."ago";
}

To use it, echo newTime(1264837797);. It’ll return “56 minutes ago”.

I’ve came across many ’style-changers’, most of them either use Javascript or PHP to set the cookie, but this time I’ll use PHP. Its much more beneficial to do so because if I had used Javascript, browsers that don’t support Javascript will be left out.

This is a very basic, simple and easy to use style changer. I tried to simplify the codes as much as possible.

So unlike last time where I just handed out the links, this time I’ve included many notes in each file. Basically this style-changer consists of two file, index.php and switcher.php. switcher.php is used to set the cookie and redirect the user back from where he/she came where as index.php is a dummy page with a basic style, once you click on a link on the top right of the index.php page. It will change the style using the $_GET method. The server will then set a cookie so that when ever you visit that particular site, the style will be what you picked earlier unless you clear all your cookies.