14Nov2009
jQuery image slide on hover effect plugin Thumbnail

jQuery image slide on hover effect plugin

A while back I wrote about using jQuery to create an image sliding effect. It's received quite a lot of traffic since then, so I decided to create a simple plugin.

Read MoreView Comments (13)
11Sep2009
Using Regular Expressions with Dreamweaver’s Find and Replace Thumbnail

Using Regular Expressions with Dreamweaver’s Find and Replace

Having had the pleasureable task of cleaning up code, I've found using regular expressions with Dreamweaver's Find and Replace tool to be a lifesaver. Say you have several links on a page that need to be updated so they all point to the same url. Instead of manually changing every link, we'll let Dreamweaver's Find and Replace tool and regular expressions automate this for us.

Read MoreView Comments (4)
01May2009
jQuery image slide on hover effect Thumbnail

jQuery image slide on hover effect

This is a simple technique to animate an image when hovering using jQuery's animate() effect. We will use this effect to manipulate our CSS, creating a seamless transition between two areas of an image. Have a look at the demo below for a better understanding.

Read MoreView Comments (50)
05Apr2009
Fullsize, a new jQuery lightbox plugin and IMG Attribute Thumbnail

Fullsize, a new jQuery lightbox plugin and IMG Attribute

Fullsize is an attempt to add a new IMG attribute called "fullsize" in the next version of HTML. The idea is simple; create a standardized solution by which browsers handle the image popups rather than javascript/AJAX. Whenever the fullsize attribute is found within the img tag, browsers would tackle the heavy lifting, generating a popup of the full size image.

Read MoreLeave a Comment
19Mar2009
Easily convert characters to HTML entities Thumbnail

Easily convert characters to HTML entities

Posting code within a comment or post can often be a royal pain! Converting every instance of an HTML bracket from "<" and ">" to "&lt;" and "&gt;", is not only frustrating but a complete waist of time. Fortunately, there are a few websites out there that will do the dirty work for us.

Read MoreView Comments (8)
13Mar2009
Dynamic page caching with PHP and output buffering Thumbnail

Dynamic page caching with PHP and output buffering

A while back I created a portfolio website for a friend of mine, Andrew Holder. As his artwork grew in popularity, traffic to his site began to erupt. The portfolio section of the site is pulled dynamically from a database. When experiencing traffic spikes, the connection to the database would fail, exceeding the maximum connections allowed. Not good.

Read MoreView Comments (1)
10Mar2009
Extensive list of jQuery lightbox / modal plugins Thumbnail

Extensive list of jQuery lightbox / modal plugins

With the ever-growing popularity of jQuery and the ubiquitous use of lightboxes throughout the internet, I figured why not compile a list? Well, here it is!

Read MoreView Comments (3)
28Feb2009
Compare various popular JavaScript compression utilities Thumbnail

Compare various popular JavaScript compression utilities

Can't decide which JavaScript compressor to use? Then have a look at CompressorRater. It compares various popular JavaScript compression utilities suchs as JSMin, Packer, YUI Compressor and Dojo ShrinkSafe. It will even compare the results with and without the affects of gzip compression.

Read MoreLeave a Comment
22Feb2009
jQuery slide effect with minimum height Thumbnail

jQuery slide effect with minimum height

I recently had a project where I needed a way to show/hide content within a div similar to the SlideToggle() effect. The only difference was that I wanted to show part of the content within the div when the page loaded. Inspired by Chris Pollock , here's what I came up with.

Read MoreView Comments (11)