CatsWhoCode.com - Snippets Feed

YouTube Lazy Loader

Wed, 23 May 2012 09:29:52 +0000

Put that script on your site, then make an anchor element like this:

<a class="youtube-link" href="video-page">Video Title</a>

JQuery will replace your anchor with a lightweight video that will loaded only when you click! You have to add this CSS too:

.youtube-box,
.youtube-frame {
  display:block;
  width:420px; /* video width */
  height:315px; /* video height */
  background-color:black;
  background-size:100%;
  position:relative;
  border:none;
  margin:0px auto 15px;
}

.youtube-box span {
  display:block;
  position:absolute;
  top:0px;
  right:0px;
  bottom:0px;
  left:0px;
}

.youtube-box .youtube-title {
  background-color:rgba(0,0,0,0.4);
  font:bold 15px Verdana,Arial,Sans-Serif;
  color:white;
  text-shadow:0px 1px 2px black;
  bottom:auto;
  line-height:30px;
  height:30px;
  overflow:hidden;
  padding:0px 15px;
}

.youtube-box .youtube-bar {
  background:black url('yt-bar-center.png') repeat-x top;
  height:35px;
  top:auto;
}

.youtube-box .youtube-bar .yt-bar-left {
  background:transparent url('yt-bar-left.png') no-repeat top left;
}

.youtube-box .youtube-bar .yt-bar-right {
  background:transparent url('yt-bar-right.png') no-repeat top right;
}

.youtube-box .youtube-play {
  cursor:pointer;
  width:83px;
  height:56px;
  top:50%;
  left:50%;
  margin:-28px 0px 0px -42px;
  background:transparent url('yt-play.png') no-repeat top left;
}

.youtube-box .youtube-play:hover {
  background-position:bottom left;
}

add WWW to URL

Tue, 22 May 2012 14:24:26 +0000

RewriteEngine On
RewriteCond %{HTTP_HOST} ^your-site.com [NC]
RewriteRule ^(.*)$ http://www.your-site.com/$1 [L,R=301]

iPhone CSS Detector

Fri, 18 May 2012 20:34:16 +0000

.htaccess file caching

Wed, 09 May 2012 09:50:56 +0000



Header set Cache-Control "max-age=290304000, public"

Function to create data uri’s

Sun, 06 May 2012 11:22:32 +0000

function data_uri($file, $mime) {
  $contents=file_get_contents($file);
  $base64=base64_encode($contents);
  echo "data:$mime;base64,$base64";
}

Displaying Author info

Thu, 03 May 2012 19:13:20 +0000

Month/Day/Year HTML dropdown with PHP validation

Sun, 29 Apr 2012 15:32:20 +0000

Export MySQL query results to CSV

Fri, 27 Apr 2012 13:25:51 +0000

// Export to CSV
if($_GET['action'] == 'export') {

	$rsSearchResults = mysql_query($sql, $db) or die(mysql_error());

	$out = '';
	$fields = mysql_list_fields('database','table',$db);
	$columns = mysql_num_fields($fields);

	// Put the name of all fields
	for ($i = 0; $i < $columns; $i++) {
	$l=mysql_field_name($fields, $i);
	$out .= '"'.$l.'",';
	}
	$out .="n";

	// Add all values in the table
	while ($l = mysql_fetch_array($rsSearchResults)) {
	for ($i = 0; $i < $columns; $i++) {
	$out .='"'.$l["$i"].'",';
	}
	$out .="n";
	}
	// Output to browser with appropriate mime type, you choose 
	header("Content-type: text/x-csv");
	//header("Content-type: text/csv");
	//header("Content-type: application/csv");
	header("Content-Disposition: attachment; filename=search_results.csv");
	echo $out;
	exit;
}

Multiple backgrounds with CSS3

Thu, 26 Apr 2012 18:31:41 +0000

#multipleBGs {
	background: url(photo1.png),
	    url(photo2.png),
	    url(photo3.png)
	;
	background-repeat: no-repeat,
	   no-repeat,
	   repeat-y;

	background-position: 0 0,
	    30px 70px,
	    right top;

	width: 400px;
	height: 400px;
	border: 1px solid #ccc;
}

Show Featured Images In Feed

Sat, 21 Apr 2012 08:49:55 +0000

add_filter('the_content_feed', 'rss_post_thumbnail');
function rss_post_thumbnail($content) {
	global $post;
	if( has_post_thumbnail($post->ID) )
		$content = '' . get_the_post_thumbnail($post->ID, 'thumbnail') . '' . $content;
	return $content;
}

Grab tweets from twitter feed

Fri, 20 Apr 2012 05:56:38 +0000

text;
                //Find location of @ in feed
                $feed = str_pad($feed, 3, ' ', STR_PAD_LEFT);   //pad feed
                $startat = stripos($feed, '@');
                $numat = substr_count($feed, '@');
                $numhash = substr_count($feed, '#');
                $numhttp = substr_count($feed, 'http');
                $feed = preg_replace("/(http://)(.*?)/([w./&=?-,:;#_~%+]*)/", "", $feed);
                $feed = preg_replace("(@([a-zA-Z0-9_]+))", "", $feed);
                $feed = preg_replace('/(^|s)#(w+)/', '1#2', $feed);
                echo "".$feed.  "". date("M - j",strtotime($tweet[($i-1)]->created_at))."
                        ";
                }
      } catch (Exception $e) {
          echo "Twitter feed is currently down, check back later.";
      }

?>

Test if a plugin is active

Thu, 19 Apr 2012 05:51:45 +0000

Very-Very Simple LetteringJS

Wed, 18 Apr 2012 06:19:44 +0000

// Wrap all char with span
$('.splitWord').children().andSelf().contents().each(function() {
    if (this.nodeType == 3) {
        $(this).replaceWith(
            $(this).text().replace(/(w)/g, "$&")
        );
    }
});

// Add class .char1, .char2, .char3, ...
$('.splitWord').each(function() {
    $('span.char', this).each(function(i) {
        i = i+1;
        $(this).addClass('char' + i);
    });
});

Send SMS with PHP and Clickatell HTTP Api

Wed, 11 Apr 2012 08:01:43 +0000

Use a classes parents constructor

Tue, 10 Apr 2012 17:47:25 +0000

class foo extends bar {
    public function __construct() {
        parent::__construct();
        // Do constructor stuff here
    }
}

class bar {
    public function __construct() {
        // Do constructor stuff here
        echo "run parent constructor";
    }
}

Get text selection

Mon, 09 Apr 2012 07:51:04 +0000

function getSelection() {
	return (!!document.getSelection) ? document.getSelection() :
	       (!!window.getSelection)   ? window.getSelection() :
	       document.selection.createRange().text;
}

Change “posts” label to “articles”.

Fri, 06 Apr 2012 05:55:47 +0000

add_filter(  'gettext',  'change_post_to_article'  );
add_filter(  'ngettext',  'change_post_to_article'  );

function change_post_to_article( $translated ) {
     $translated = str_ireplace(  'Post',  'Article',  $translated );  // ireplace is PHP5 only
     return $translated;
}

Test whether URL exists

Wed, 04 Apr 2012 13:31:27 +0000

function url_exists($url) {
    $hdrs = @get_headers($url);
    return is_array($hdrs) ? preg_match('/^HTTP\/\d+\.\d+\s+2\d\d\s+.*$/',$hdrs[0]) : false;
}

CSS Only, Zebra Striped PRE Tag

Thu, 29 Mar 2012 20:12:23 +0000

pre {
  display:block;
  font:normal 12px/22px Monaco,Monospace !important;
  color:#CFDBEC;
  background-color:#2f2f2f;
  background-image:-webkit-repeating-linear-gradient(top, #444 0px, #444 22px, #2f2f2f 22px, #2f2f2f 44px);
  background-image:-moz-repeating-linear-gradient(top, #444 0px, #444 22px, #2f2f2f 22px, #2f2f2f 44px);
  background-image:-ms-repeating-linear-gradient(top, #444 0px, #444 22px, #2f2f2f 22px, #2f2f2f 44px);
  background-image:-o-repeating-linear-gradient(top, #444 0px, #444 22px, #2f2f2f 22px, #2f2f2f 44px);
  background-image:repeating-linear-gradient(top, #444 0px, #444 22px, #2f2f2f 22px, #2f2f2f 44px);
  padding:0em 1em;
  overflow:auto;
}

Detecting orientation change on mobile devices

Wed, 21 Mar 2012 15:09:49 +0000

window.addEventListener("orientationchange", function() {
	// Announce the new orientation number
	alert(window.orientation);
}, false);

Get Your Most Recent Twitter Status Using PHP

Tue, 20 Mar 2012 15:35:13 +0000

(.*)/', $src, $m);
    $status = htmlentities($m[1]);
    if( $hyperlinks ) $status = ereg_replace("[[:alpha:]]+://[^<>[:space:]]+[[:alnum:]/]", "\0", $status);
    return($status);
}
?>

JQuery fade in/fade out

Thu, 15 Mar 2012 18:13:28 +0000

q1 = {
	init: function() {
		$("table.appTranslation").click(function() {
			$(this).fadeOut('slow', function() {
				$(this).html("Text to change").fadeIn('slow');
			});
		});
	}
}
q1.init();

});

Unzip zip files

Fri, 09 Mar 2012 12:51:56 +0000

function unzip_file($file, $destination){
	// create object
	$zip = new ZipArchive() ;
	// open archive
	if ($zip->open($file) !== TRUE) {
		die (’Could not open archive’);
	}
	// extract contents to destination directory
	$zip->extractTo($destination);
	// close archive
	$zip->close();
	echo 'Archive extracted to directory';
}

CSS Tooltip

Fri, 09 Mar 2012 12:42:42 +0000

a:hover { background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/
a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:130px;}
a.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c;}

Easy TooltipThis is the crazy little Easy Tooltip Text..

Submit Form with Ajax

Thu, 08 Mar 2012 06:57:14 +0000

jQuery.fn.submitWithAjax = function() {
	this.submit(function() {
		$.post(this.action, $(this).serialize(), null, "script");
		return false;
	});
	return this;
};