How To Implement A Very Simple Ajax Loader Using jQueryUI

Author: , September 23rd, 2011

GET Resources http://code.jquery.com/jquery-1.6.4.min.js http://jqueryui.com/resources/download/jquery-ui-1.10.1.custom.zip LOAD Resources

HTML Substitute your own loader graphic from http://www.ajaxload.info/

CSS

JS Show the spinner called “first”: jQuery(‘#Spinner-first’).fadeIn(); Hide the spinner called “first”: jQuery(‘#Spinner-first’).fadeOut(); Hide all spinners that start with an ID of “Spinner”: jQuery(‘[id^=Spinner]’).fadeOut(); That’s All Folks…

How To Delete Development File Versions (i.e. .css or .js)

Author: , June 30th, 2011

How To Style A Trademark Symbol Easily

Author: , May 5th, 2011

I wanted the trademark symbol on the site title to be tiny. A simple thing, really, but it took me a few tries to get just right…

How To Prevent Text Selection On DoubleClick Using CSS Only

Author: , May 1st, 2011

This is of course for non-IE browsers:

How To Select The First Or Last Child Using CSS

Author: , April 25th, 2011

Use the :first-child or :last-child CSS Selectors The :first-child pseudo class means “if this element is the first child of its parent”. :last-child means “if this element is the last child of its parent”. Note that only element nodes (HTML tags) count, these pseudo-classes ignore text nodes. Click here for the original article on Quirksmode

CSS Form Attribute Selectors

Author: , March 30th, 2011

Generally well-supported attribute selectors: input[type=radio] input[type^=ra] input[type$=io] input[type*=d] Element input with attribute type which contains a value that is equal to, begins with, ends with or contains a certain value. Other safe selectors are: Parent > child that has: p > span { font-weight: bold; } Preeceded by ~ element which is: span ~ span […]

How To Create A Hanging Indent Using CSS Only

Author: , December 7th, 2010

text-indent: -20px; padding-left: 20px;

How To Change The Mouse Pointer With CSS

Author: , September 4th, 2010

In your stylesheet, use: [code]cursor: {value}[/code] Replace {value} with one of the following names (in bold): (Hover over each name in bold to see an example of the mouse pointer…) pointer – The hand icon usually used when hovering over an HTML link help – A question mark text – Shows the text-select (“I”-shape) icon […]