<a href="http://www.deltatangobravo.com" target="_blank">design</a>

But I’m way too busy to remember to do that for every link I add to my blog. I mean I try to but what happens when I forget. So I wrote a small jQuery snippet to get my back.

$("a:not([href^='http://www.dinnermint.org']):not([href^='#']):not([href^='/'])").attr("target","_blank");

It looks for all links on my page that do not begin with my domain www.dinnermint.org and adds the attribute target=”_blank”. Laziness FTW!

The Fold Bookmarklet

We’ve all been there, had a product manager obsessed with “The Fold” (where the bottom of the browser ends, and you must start scrolling). I had one, and eventually made this bookmarklet to insert a fold line at 768px.

Disable Links Bookmarklet

This bookmark came to life because I kept trying to mock up a page slightly using firebug, and would accidentally click a link then loose all my changes.

Firebug Lite Bookmarklet

I didn’t create this one, but it’s awesome! For people who can’t use firebug, you can use this bookmarklet and lite version of firebug will be inserted into the page.

Related posts:

1. Submit to Digg Bookmarklet
2. CSS Clear Fixes

I’ve seen a few ways to do this, explicitly writing a function that switches text, but this is too specific. This means that I’ll need to re-write this for every ghost text box on the site. Some people will add the functions in the onfocus and onblur attributes on the <input> tag. Same deal…

So I wrote this plugin to make my life simpler. How it works is, anytime you want a textbox to have ghost text you give it a placeholder attribute and put the ghost text inside. like so

<input type="text" class="ghost_text" placeholder="This is Ghost Text"/>

Then I just setup the ghost text globally.

$(".ghost_text").ghostText();

And we’re done! That was easy.

Here’s the plugin. It’s may not be perfect, and there are most likely hundreds of these on the net. But here is my implementation.

/* Copyright (c) 2009 Jon Rohan (http://dinnermint.org)
 * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php) 
 * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
 *
 * Version: 1.0.0
 * Written with jQuery 1.3.2
 */
(function($){$.fn.ghostText = function() {
  return this.each(function(){
    var text = $(this).attr("placeholder");
    if(text!=""&&($(this).val()==""||$(this).val()==text)) {
      $(this).addClass("disabled");
      $(this).val(text);
      $(this).focus(function(){
        $(this).removeClass("disabled");
        if($(this).val()==text) {
          $(this).val("");
        }
      });
      $(this).blur(function(){
        if($(this).val()=="") {
          $(this).val(text);
          $(this).addClass("disabled");
        }
      });
    }
  });
};})(jQuery)

Related posts:

1. jQuery Auto-growing Textarea Plugin

var arr = [1,2,"A",4,5];
arr.move2Back(2);

Then the array becomes:

[1,2,4,5,"A"]

This is the small javascript function that accomplishes the task.

/*
 * This function moves the nth member of the array to the end
 */
Array.prototype.move2Back = function(n) {
  this.push(this.splice(n,1).pop());
  return this;
}
var arr = ["Jani","Hege","Stale","Kai Jim","Borge","Tove"];
console.log(arr.move2Back(3));

Related posts:

1. Submit to Digg Bookmarklet

The link will open the submit digg window in a new window or tab. just drag the link below onto your bookmarks toolbar folder.

Submit to Digg

Related posts:

1. Design Exploration: Digg
2. Web Development Bookmarklets
3. Using CSS3′s :target pseudo-class to Make a Slideshow