Snipplr

(CSS) Simple button fade transition - 1man

Thu, 23 May 2013 11:56:51 UTC

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 - 1man

Wed, 27 Apr 2011 02:28:27 UTC

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() - 1man

Wed, 27 Apr 2011 02:13:13 UTC

Very useful snippet to link elements together.

(JavaScript) Switch using an Object - 1man

Wed, 27 Apr 2011 01:17:46 UTC

Using an object as a simple switch.

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

Thu, 03 Feb 2011 01:16:25 UTC

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

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

Thu, 28 Oct 2010 01:22:57 UTC

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 - 1man

Tue, 24 Aug 2010 00:24:53 UTC

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

(JavaScript) Exceptions in JavaScript - 1man

Mon, 23 Aug 2010 20:55:09 UTC

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

(jQuery) Cache files with jQuery and ajax method - 1man

Wed, 13 Jan 2010 12:47:22 UTC

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 - 1man

Wed, 13 Jan 2010 08:31:58 UTC

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

(jQuery) Simple jQuery page scroller - 1man

Tue, 12 Jan 2010 12:38:10 UTC

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

(jQuery) Custom jQuery selector - 1man

Mon, 11 Jan 2010 10:34:01 UTC

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 - 1man

Fri, 13 Nov 2009 10:43:24 UTC

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

(jQuery) Function Timing Example (includes jQuery) - 1man

Fri, 03 Jul 2009 07:17:55 UTC

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 - 1man

Sun, 14 Jun 2009 12:53:41 UTC

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 - 1man

Thu, 14 May 2009 04:12:12 UTC

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

(CSS) Button Sliding Doors - 1man

Wed, 13 May 2009 11:19:36 UTC

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 - 1man

Sat, 02 May 2009 11:35:43 UTC

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

(jQuery) Add table row to the bottom of a table - 1man

Fri, 20 Mar 2009 12:53:48 UTC

Great little snippit to add a to the bottom of a table. Note the use of the context in the jQuery e.g var n = $('tr:last td', this).length; Will have to use this in the future, very good to know!

(Other) Example of YAML Markup - 1man

Tue, 17 Mar 2009 10:53:00 UTC

Simple markup example in YAML.

(jQuery) Simple jQuery Equal Columns Plug-in - 1man

Fri, 13 Mar 2009 14:47:20 UTC

A very simple plug-in I wrote to make x number of columns equal height. Looks for the column with the biggest height then sets the rest to the same. I'm sure it can be made cleaner, will look into that later.

(jQuery) jQuery event namespace - 1man

Thu, 12 Mar 2009 06:18:08 UTC

Adding a namespace to an event can make it easier to unbind. It is very easy to unbind all events with the same namespace.

(jQuery) Find selected elements index - 1man

Thu, 12 Mar 2009 05:07:34 UTC

Never used the index() method in jQuery but could be useful to know. Find a selected elements index when you click on it. Note the $('ul#mylist') inside the index method, gives the search some context of where to look for .selected, saves looking through all the DOM.

(jQuery) Simple jQuery Imagefader - 1man

Fri, 06 Mar 2009 07:11:15 UTC

Simple imagefader to rotate around a few images. Seem to be doing this a lot in various projects so decided to put something a bit more generic together. Uses jQuery. Images named as car1.jpg, car2.jpg, car3..... etc.

(PHP) Auto Update Copyright Year - 1man

Mon, 02 Mar 2009 09:38:18 UTC

Very simple snippet to include if you want to auto update the year in a page copyright using PHP.

(Other) Format for CleanCSS - 1man

Tue, 17 Feb 2009 15:37:34 UTC

This is the custom layout template i use for the CleanCSS website, very handy!

(jQuery) Remove text from a node (e.g in links) - 1man

Fri, 13 Feb 2009 11:06:49 UTC

Removed a certain word from a list of links (purely for design reasons). Link length way to long with the link included.

(JavaScript) jQuery Input value select - 1man

Thu, 22 Jan 2009 05:32:58 UTC

Click on an input field with a prefilled value, if that value equals the default then select it, if not leave it as it was. Relies on jQuery.

(PHP) Use of PHP isset for a submit form - 1man

Mon, 12 Jan 2009 10:16:39 UTC

Simple PHP tutorial on how to use isset.

(JavaScript) JSON-P with jQuery - 1man

Fri, 26 Dec 2008 18:34:06 UTC

Using JSON-P with jQuery. Note the callback.

(CSS) CSS Transparency All Browsers - 1man

Wed, 03 Dec 2008 12:25:20 UTC

Should also work in IE6 because of the filter

(JavaScript) The jQuery Data Store - 1man

Thu, 13 Nov 2008 10:45:01 UTC

I didn't realise until now you could do this in jQuery, very useful. Store a value for later use, then remove it.

(JavaScript) Adobe Air Introspector Commands - 1man

Wed, 08 Oct 2008 04:28:52 UTC

Simple list of commands to use within Adobe AIR to help debug an application.

(JavaScript) jQuery radio button donate submit - 1man

Wed, 01 Oct 2008 09:48:14 UTC

This snippet is useful on donate forms. If you have a radio button for other value, then this will clear the current value in the text input box, and attach the user in putted value to the other radio button.

(JavaScript) jQuery open external link in new window - 1man

Wed, 01 Oct 2008 06:04:07 UTC

Two different ways to open an external link (ones that start in http) in a new window. I know this isn't a great thing to do, but some clients _need_ to have it.

(ActionScript 3) Loading Methods for External Files - 1man

Wed, 13 Aug 2008 06:49:34 UTC

Two different loading methods for external files.

(ActionScript 3) Basic Package and Class Creation / Extend - 1man

Thu, 03 Jul 2008 05:54:56 UTC

How to create a basic class in AS3 and extend it if needed.

(HTML) hCard microformat usage - 1man

Tue, 10 Jun 2008 11:30:15 UTC

Two usages of the hcard microformat for a single person and an organisation.

(HTML) Use of the adr (address) microformat - 1man

Tue, 10 Jun 2008 10:55:11 UTC

Basic usage of the address microformat.

(HTML) Use of the geo microformat - 1man

Tue, 10 Jun 2008 10:35:03 UTC

Simple useage of the geo microformat allowing a map location to be machine readable.

(HTML) VoteLinks microformat - 1man

Sun, 01 Jun 2008 09:01:37 UTC

Not very widely addopted microformat, but could be in the future.

(HTML) Difference between rel and rev attribute - 1man

Sun, 01 Jun 2008 08:49:30 UTC

Rel and rev attributes are quite hard to get your head round, and very easy to mix up. Hopefully this snippet will explain the difference.

(HTML) Usage of the Rel Attribute in Microformats (licence, tag, nofollow) - 1man

Sun, 01 Jun 2008 08:27:42 UTC

Simple usage of the rel attribute in your HTML using microformats.

(JavaScript) Stop Firebug Console Command Errors - 1man

Tue, 18 Mar 2008 19:54:35 UTC

Sometimes i forget to remove firebug console commands when debuging, which makes IE and some other browsers fail / cry. To stop this happening use the below script from firebugx.js on the firebug lite homepage.

(JavaScript) jQuery Fade In Sequence - 1man

Mon, 10 Mar 2008 16:57:08 UTC

I'm sure i can clean this up quite a bit, but it works for the moment. This function looks to see if you are on a selected page. If you are it hides the navigation, then loops through and shows each li one after the other. So they don't all fade in together. Needs a tidy i think.

(JavaScript) Function invocation and 'this' Context Example - 1man

Wed, 05 Mar 2008 17:40:56 UTC

Quick example to show how 'this' depends on how the function in which you called it in was being invoked. From jQuery in Action.

(JavaScript) Closure Example Relating to 'this' Execution Context - 1man

Wed, 05 Mar 2008 17:32:40 UTC

Example showing how using 'this' in a function depends on where 'this' is defined. From book jQuery in Action.

(JavaScript) jQuery Object Hash and jQuery Extend - 1man

Wed, 05 Mar 2008 06:03:46 UTC

An example of how to extent the jQuery objects to include our own methods.

(JavaScript) Option Hash Using jQuery - 1man

Wed, 27 Feb 2008 15:20:11 UTC

If you have a complex function you may need to pass it lots of arguments. Instead of having to remember how many you need to pass, and passing 'null' for un needed arguments, pass the function an object. Now you can set the defaults inside the function, which will be superseeded if they are passed as an argument.

(JavaScript) Cross Browser Cursor Position - 1man

Thu, 14 Feb 2008 16:06:19 UTC

Nice little snippet i found on Ajaxian, finds the position of the mouse cursor when it is fired.