Snipplr - 1man

(CSS) Simple button fade transition

Thu, 23 May 2013 11:56:51 GMT

On hover the button will have a smooth transition to the hover colour, then fade out on mouse out.

(jQuery) Check to see if function triggered by an event

Wed, 27 Apr 2011 02:28:27 GMT

Rather that using $(element).trigger('click'), check to see if execute has come from an element rather than directly.

(jQuery) Store the relationship between elements using .data()

Wed, 27 Apr 2011 02:13:13 GMT

Very useful snippet to link elements together.

(JavaScript) Switch using an Object

Wed, 27 Apr 2011 01:17:46 GMT

Using an object as a simple switch.

(CSS) CSS Clearfix

Sat, 12 Mar 2011 20:50:34 GMT

CSS clearfix without using overflow: hidden.

(CSS) Vertically centre a menu without setting an explicit width

Thu, 03 Feb 2011 01:16:25 GMT

Useful bit of CSS to vertically centre a navigation. Good for Pagination.

(jQuery) Validate an age using jQuery Validator plug-in

Thu, 28 Oct 2010 01:22:57 GMT

Useful snippet i found on a forum, use it to check to see if a user is old enough to submit a form.

(JavaScript) Module layout in JavaScript

Tue, 24 Aug 2010 00:24:53 GMT

Simple illustration of structuring your JavaScript and minimising your use of global vars.

(JavaScript) Exceptions in JavaScript

Mon, 23 Aug 2010 20:55:09 GMT

An example taken from JavaScript: The good parts showing how to catch an exception.

(jQuery) Cache files with jQuery and ajax method

Wed, 13 Jan 2010 12:47:22 GMT

Handy little snippet i found in 'jquery enlightenment' for caching certain selected files. Could be useful for larger files later on in a site.

(jQuery) Simple jQuery plugin layout + how 'this' works

Wed, 13 Jan 2010 08:31:58 GMT

Simple plugin to demonstrate how the 'this' keyword is used. Plugin also allows chaining via the 'return'

(jQuery) Simple jQuery page scroller

Tue, 12 Jan 2010 12:38:10 GMT

Example in 'jQuery enlightenment' Simple way to jump smoothly down the page without the use of a plugin.

(jQuery) Custom jQuery selector

Mon, 11 Jan 2010 10:34:01 GMT

Example given in the book jQuery Enlightenment. Create your own custom selectors in jQuery and manipulate as usual.

(jQuery) jQuery and Yahoo pipes simple ajax call

Fri, 13 Nov 2009 10:43:24 GMT

Very simple example of pulling in a JSON feed from Yahoo pipes using jQuery.

(jQuery) Function Timing Example (includes jQuery)

Fri, 03 Jul 2009 07:17:55 GMT

A way to time how long it takes to get through a certain block of code. Good way to measure performance on the page. You could also use the built in logging functions in firebug. Not sure how they would tally up in a test.

(jQuery) Add class of 'last' to every 3rd image

Sun, 14 Jun 2009 12:53:41 GMT

Quick little clientside script to pick out every 3rd image and add a class of last to it. I needed this because the images were layed out in 3 columns, adding a margin to the right hand side would leave a large gap on the right hand side which i didn't want. This now allows me to remove the margin for the last image.

(JavaScript) Add hasJS class to HTML element

Thu, 14 May 2009 04:12:12 GMT

Adds a class of hasJS to the html element, can be used for CSS styling.

(CSS) Button Sliding Doors

Wed, 13 May 2009 11:19:36 GMT

Finally got round going through a sliding door example myself. All fairly straightforward apart from a few IE6 issues (who would have guessed!). The button is floated so you may need to add overflow: hidden to it's container.

(CSS) Css Button Sliding doors

Sat, 02 May 2009 11:35:43 GMT

Useful little spippet for a button anchor where the text may change.

(HTML) HTML 4 Doctype

Wed, 22 Apr 2009 11:45:54 GMT

Simple HTML Strict doctype