jQuery
When making websites I sometimes find the need to create something really out there that doesn't exist (or take a concept and improve it).
Most of those are interactive elements so fall under jQuerys umbrella. In this section you will asorted plugins and related articles
Table Highlighter
07 Apr 2010
jquery
Many moons ago I wrote a plugin to do table highlighting. It has been sitting on tinyjs ever since and has proven to be quite popular
Since then my jQuery foo has improved a lot, so I thought it was about time to re make it. It should be much faster and handle larger datasets than before.
Google Street View Made Easy
25 Mar 2010
jquery
Street view is one the most outstanding features of not just google maps, but any google project. Just think how many photos are needed, and then how do you stitch them together?
Here is a simple plugin so you can use it on your maps too!
jQuery Translator
24 Jan 2010
jquery
A little jQuery plugin that makes use of googles language API to create a translator.
The plugin should ideally be run on either form (for dynamic switching) or the entire document when working on static content.
- Automatic language sniffing
- Supports as many languages as google does
- After success hooks
Expanding Grid
02 Aug 2009
jquery
A jQuery plugin to create an expanding grid system. Each item in the grid expands into its neighbours on hover.
jQuery Smart Modal
29 Apr 2009
jquery
With recent projects I needed a flexible modal box. Most of the ones out there are either horribly bloated or only work for images, which really sucks when you want a form inside one.
Easy answer, make my own... Here it is. By the way, the minimised version in under 2k with a tiny 1k stylesheet.
It works for images and other containing elements. Click thought to see the examples..
jQuery Diagonal Accordion
19 Apr 2009
jquery
A while ago we got a very random design from a client; they wanted an accordion, but at 45 degrees.. Yes, that's right..
It makes the visible content area tiny, and clearly restricts the size of the page so in my opinion it's mostly pointless. However, still better than using flash!
jQuery Content Scroller
19 Apr 2009
jquery
A jQuery plugin to convert divs that normally flow underneath each other to flow next to each other with paginated controls.
jQuery Zoom
11 Nov 2008
jquery
Working on a recent project I needed to be able to make a 'zoom' style effect. The easiest way I could think of to do this was a simple + and - zoom bar (just like google maps) over a background image.
This piece of jQuery inserts a nicely styled compliant ul with li's into the container specified (if it's not there already) and sets some trigger events for the a tags.
jQuery Resizer
11 Nov 2008
jquery
Inside our current cms we utilise a jQuery resize tool for stretching out our content entry area. However, it is a bit clunky and and the large size (9k) doesn't help matters.
jQuery Draggable
11 Nov 2008
jquery
One of more interactive projects of late required an image to be moved around as if the user was dragging it. There was also a good chance that it would need to be combined with some other effects such as a zoom feature an image switcher.
Currently, most draggable image plugins use an inline image with absolute positioning and a surrounding clipping area, which in most cases is fine, but in this case it would be a real issue as the zoom plugin uses an absolute positioned container. To get around this I decided to convert the image inside the container to the background image.
