CodeByte

CSS Micro Clearfix

Thu, 21 Apr 2011 11:35:47 +0100

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:block;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

Add Browser to Body Class in WordPress

Tue, 29 Mar 2011 08:55:25 +0100

Put the following in your functions.php file:

add_filter('body_class','browser_body_class');
function browser_body_class($classes) {
    global $is_lynx, $is_gecko, $is_IE, $is_opera, $is_NS4, $is_safari, $is_chrome, $is_iphone;
    if($is_lynx) $classes[] = 'lynx';
    elseif($is_gecko) $classes[] = 'gecko';
    elseif($is_opera) $classes[] = 'opera';
    elseif($is_NS4) $classes[] = 'ns4';
    elseif($is_safari) $classes[] = 'safari';
    elseif($is_chrome) $classes[] = 'chrome';
    elseif($is_IE) $classes[] = 'ie';
    else $classes[] = 'unknown';
    if($is_iphone) $classes[] = 'iphone';
    return $classes;
}

New CSS Clearfix

Thu, 17 Feb 2011 13:18:37 +0000

/* new clearfix */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

WordPress is_child() and is_ancestor()

Tue, 15 Feb 2011 20:35:00 +0000

Put the following in your functions.php file:

// Check if page is direct child
function is_child($page_id) { 
    global $post; 
    if( is_page() && ($post->post_parent == $page_id) ) {
       return true;
    } else { 
       return false; 
    }
}

// Check if page is an ancestor
function is_ancestor($post_id) {
    global $wp_query;
    $ancestors = $wp_query->post->ancestors;
    if ( in_array($post_id, $ancestors) ) {
        return true;
    } else {
        return false;
    }
}

CSS Horizontal and Vertical Center

Thu, 06 Jan 2011 12:35:00 +0000

/* Horizontal Center */
#horcntr {
    width: 300px; /* Change this to your container width */
    margin: 0 auto;
}
/* Vertical Center */
#vercntr {
    position: absolute; 
    top: 50%; 
    height: 200px; /* Change this to your container height */
    margin-top: -100px; /* This should be half your container height */
}

Hide WordPress Login Page Error Feedback

Thu, 06 Jan 2011 12:30:37 +0000

Put the following in your functions.php file:

add_filter('login_errors',create_function('$a', "return null;"));

Dynamically Load jQuery using Javascript

Thu, 02 Dec 2010 08:58:22 +0000

if(!("jQuery" in window)) {
    var head = document.getElementsByTagName('head')[0],
    script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = 'http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js';
    head.appendChild(script);
}

Asynchronous Tweet Button

Thu, 25 Nov 2010 09:12:25 +0000

<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical">Tweet</a>

<!-- Put this JS at the bottom of the page -->
<script id="deferedjs" type="text/javascript">
var b = document.createElement('script');
b.type = 'text/javascript';
b.src = ('http://platform.twitter.com/widgets.js');
var a=document.getElementById("deferedjs");
a.parentNode.insertBefore(b,a);
</script>

PHP Check if a Number is Odd or Even

Sat, 20 Nov 2010 11:57:47 +0000

$num = 10;
echo ($num&1) ? "odd" : "even";

Simple CSS Reset

Sat, 20 Nov 2010 11:50:20 +0000

* {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; line-height: 1; list-style: none; quotes: none; content: ''; content: none; }

PHP Format Filesize

Tue, 16 Nov 2010 12:54:04 +0000

function filesize_format($size, $sizes = array('Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'))
{
    if ($size == 0) return('n/a');
    return (round($size/pow(1024, ($i = floor(log($size, 1024)))), 2) . ' ' . $sizes[$i]);
}

PHP: comma_list_ended() function

Wed, 03 Nov 2010 16:55:17 +0000

/**
 * comma_list_ended()
 * returns a string list of the items in an array, using
 * a specified last word to substitute the last comma.
 *
 * eg. a, b, c, d and e
 *     1, 2, 3, 4 or 5
 *
 * @author: Andy Thomas (forrst@antom.co.uk)
 * @date: 03/11/2010
 */

function comma_list_ended($arr,$last = 'and') {
        return preg_replace("/,([^,]*)$/", " {$last} $1", join($arr,', '));
}

Set CSS Style sheet for IE and IE8

Wed, 03 Nov 2010 16:52:00 +0000

<!--[if IE]>
  <link href="css/ie.css" rel="stylesheet" type="text/css" />
<![endif]-->
 
<!--[if IE 8]>
  <link href="css/ie8.css" rel="stylesheet" type="text/css" />
<![endif]-->

Simple Javascript Check for Opera Browser

Wed, 03 Nov 2010 09:31:10 +0000

var Opera = /opera/i.test(navigator.userAgent);
if (Opera) {
    // Opera specific stuff
}

URL Retweet Count Using PHP

Mon, 25 Oct 2010 20:52:33 +0100

function tweetCount($url) {
    $content = file_get_contents("http://api.tweetmeme.com/url_info?url=".$url);
    $element = new SimpleXmlElement($content);
    $retweets = $element->story->url_count;
    if($retweets){
        return $retweets;
    } else {
        return 0;
    }
}

Using @font-face in CSS

Tue, 12 Oct 2010 09:01:05 +0100

@font-face {
  font-family: "Your typeface";
  src: url("type/filename.eot"),
       url("type/filename.woff") format("woff"),
       url("type/filename.otf") format("opentype"),
       url("type/filename.svg#filename") format("svg");
}

body {
    font-family: "Your typeface", sans-serif;
}

PHP Zeroise

Fri, 08 Oct 2010 15:59:37 +0100

Add leading zeros to a number.

function zeroise($number, $threshold) {
    return sprintf('%0'.$threshold.'s', $number);
}

If you set the threshold to ‘4’ and the number is ‘10’, then you will get back ‘0010’. If you set the number to ‘4’ and the number is ‘5000’, then you will get back ‘5000’.

C# ?? null coalescing operator

Mon, 04 Oct 2010 10:02:52 +0100

The ?? operator checks whether the value provided on the left side of the expression is null, and if so it returns an alternate value indicated by the right side of the expression:

string message = null;
string result = message ?? "Undefined";
// result == "Undefined"

PHP Limit String to Words or Sentences

Fri, 01 Oct 2010 13:50:53 +0100

To limit a string to only first 3 sentences:

<?php
preg_match('/^([^.!?]*[\.!?]+){0,3}/', strip_tags($text), $abstract);
echo $abstract[0];
?>

To limit a string to only first 30 words:

<?php
preg_match('/^([^.!?\s]*[\.!?\s]+){0,30}/', strip_tags($text), $abstract);
echo $abstract[0];
?>

WordPress Simple Time Ago

Wed, 29 Sep 2010 10:12:51 +0100

Posted <?php echo human_time_diff(get_the_time('U'), current_time('timestamp')); ?> ago

(Needs to be used within the loop)