jQuery image slide on hover effect plugin

November 14th, 2009 | No Comments | jQuery

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.

Continue Reading

Using Regular Expressions with Dreamweaver’s Find and Replace

September 11th, 2009 | No Comments | HTML

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.

Continue Reading

jQuery image slide on hover effect

May 1st, 2009 | 14 Comments | jQuery

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.

Continue Reading

Fullsize, a new jQuery lightbox plugin and IMG Attribute

April 5th, 2009 | No Comments | jQuery

A New jQuery 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.

Continue Reading

Easily convert characters to HTML entities

March 19th, 2009 | No Comments | HTML

postable

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.

Continue Reading

Dynamic page caching with PHP and output buffering

March 13th, 2009 | No Comments | PHP

dynamic-page-caching

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.

Continue Reading

Extensive list of jQuery lightbox / modal plugins

March 10th, 2009 | 2 Comments | jQuery

jquer-lightbox-modal

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!

Continue Reading

Compare various popular JavaScript compression utilities

February 28th, 2009 | No Comments | JavaScript

compressor-rater

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.

Continue Reading

jQuery slide effect with minimum height

February 22nd, 2009 | 2 Comments | jQuery

minimum-slide

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.

Continue Reading