14Nov2009

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.

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.

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.

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.

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 "<" and ">", 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.

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.

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!

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.

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.

Navigation

Recent Posts