After seeing DHH's latest tweet, I just couldn't help myself. :)

I'm addicted to Archer, so I created a Yyyup! soundboard page for Lana to go along with the Danger Zone soundboard.

I was bored today, so I created a Danger Zone soundboard page for Archer. :)

Position is Everything has an old, but still valid and amazingly simple way to create columns of equal height using very simple CSS.

In short: Give the columns a large padding-bottom value and a negative margin-bottom of equal value, and set the overflow to hidden for the containing <div>.

HTML code:

<div id="container">
    <div class="column">
        Left column
    </div>
    <div class="column">
        Right column
    </div>
</div>

CSS:

#container {
    overflow: hidden;
    }

.column {
    float: left;
    padding-bottom: 5000px;
    margin-bottom: -5000px;
    }

There are three known problems with this solution, however, so make sure your site won't be affected before using this solution:

View the known problems

If you're using jQuery and you need to toggle a checkbox, add this onclick code to an object:

onclick="$('#id_of_checkbox').attr('checked',!$('#id_of_checkbox').attr('checked'));"

The above code sets the "checked" attribute of the checkbox to the opposite of itself, i.e. checked -> unchecked or unchecked -> checked.

If you're using jQuery's built-in dialog box plug-in and you want to add a Datepicker field to a dialog box, you'll notice that the Datepicker opens behind the dialog box by default.

A quick and easy solution to force the Datepicker to appear in front of the dialog box is to give the Datepicker a really high z-index.

Just add this to your CSS file:

#ui-datepicker-div {
    z-index: 10000;
}

Well, ok, the Hannah's Bretzel site actually launched a few weeks ago, but I finally just uploaded some screenshots from the project.

View the Hannah's Bretzel screenshots

This may not help everyone (or anybody) who's having a yum dependency problem, but I thought I'd share just in case.

I recently ran "yum update" and was getting a bunch of weird dependency errors. The command that magically fixed everything was:

yum clean all

After running "yum clean all," I was able to run "yum update" with no errors.

From the yum man pages:

"yum clean packages"
Eliminate any cached packages from the system. Note that pack-
ages are not automatically deleted after they are downloaded.

"yum clean headers"
Eliminate all of the files which yum uses to determine the
remote availability of packages. Using this option will force
yum to download all the headers the next time it is run.

"yum clean all"
Runs yum clean packages and yum clean headers as above.

I just added a bunch of screen shots from my latest couple client projects:

Restaurant Intelligence Agency




Coverbuga

Here's an easy forward-compatible way to use JSON (json_encode() and json_decode()) in versions of PHP earlier than 5.2.

Download the Services_JSON PEAR package

And then add the following to your custom functions:

if (!function_exists('json_decode')) {
    function json_decode($content, $assoc=false) {
        require_once 'classes/JSON.php';
        if ($assoc) {
            $json = new Services_JSON(SERVICES_JSON_LOOSE_TYPE);
        }
        else {
            $json = new Services_JSON;
        }
        return $json->decode($content);
    }
}

if (!function_exists('json_encode')) {
    function json_encode($content) {
        require_once 'classes/JSON.php';
        $json = new Services_JSON;
        return $json->encode($content);
    }
}


That's it! Your code will continue to work, even when you eventually upgrade to PHP 5.2.