By default, the prettySociable plugin takes the url supplied and submits that to the share service (twitter, facebook, etc.).  I just made a simple change to allow for the developers to include a bit.ly api and username when calling $.prettySociable() by passing those in as parameters.

$.prettySociable({bitly_api: 'api here', bitly_user:'your username'});

If these options aren’t set, the plugin will use the default url.  If they are, the plugin will automatically call the bit.ly api to shorten the url and use that shortened url instead.

I probably need to test a bit more, but here is the jquery.prettysociable.bitly.js script and here it is minified: jquery.prettysociable.bitly.min.js.

Links that helped me with this:
Bit.ly
PrettySociable plugin page
jQuery HowTo @blogspot

EDIT: One person commented about not being able to set up a different wallpaper for each space on OSX. Check out Spacesuit. This looks like a pretty good solution. Let me know if this helps out!

Click on a link below to download:

Brief: Dropbox is an application that runs in the background on your computer (mac, linux, windows) and automatically syncs files when connected to the internet.  If you’re doing web dev stuff, chances are you are connected online.  Dropbox also creates a local folder on each computer to store the files that you are working on, etc.

Enter brain power:

1. Set up Apache on all computers since it’s a very powerful web server that runs on the previously mentioned operating systems. Here’s a guide on installing Apache on Windows.
2. Set up the root directory in Apache to be the ~/user/Sites folder and create a sym-link (Windows Vista) to your dropbox directory. This way you can run multiple websites (some that sync and some that don’t).
   To take this a step further, you could put all of this config info in a separate .config file (I called mine, “dropbox.config”) and drop it in the Dropbox directory for automatic synchronization throughout your systems.  This works best if the operating systems are the same or the root structure is the same.
3. So now, when you browse http://localhost, you should see this:
   
4. Verify that you see the same directory structure on all computers.  If this is the case, then you’re done.  Just start by creating PHP site within the Dropbox folder (I created a subfolder called WWW and in Apache I create a call to the virtual directory /dropbox which takes me to the WWW folder) <= This is important if you want to use Dropbox for other things!  This way, when you click on the Dropbox link listed under (~/Sites) it will redirect you to the dropbox/WWW folder.

Now, when you are writing code, editing images, or anything else, the code will automatically synchronize to each workstastion, allowing you to continue right where you left off, anywhere.

An example of how this helps:  I was recently working on writing some Ubiquity commands so I set up a Ubiquity folder within Dropbox, subscribed to the [ubiquitycommand].js file in that folder on every computer I work on, and that was it!  Now, whenever I make a change to those commands, the changes get synched to each computer and because Ubiquity is subscribed to the command on localhost, that change affects all computers.

This method also works extremely well when you have different operating system specific browsers that you would like to test with.  It may seem a little daunting at first, but let me tell you, once it is set up, you’re done.  No need to reconfigure anything.  Best of all, Dropbox is FREE!

The solution was pretty simple.  First, you need to edit the “Head” of the site.

1. Go to “tools>Go to my Control Panel” and click on “Site-wide Customization”.
2. Within the “Head Tag” add these two lines:

   <script src="http://ajax.googleapis.com/
   ajax/libs/jquery/1.3.1/jquery.min.js" >
   </script>
   <script>
   var $j = jQuery.noConflict();
   </script>

This code does two things.

1. It gets the jQuery library from the Google API source (v. 1.3.1)
2. It loads the library using noConflict() mode, enabling you to use the library with other libraries.

It’s that easy.  Now whenever you are writing your jQuery code, remember to use $j() for your jQuery calls instead of $().  More on jQuery’s noConflict() can be found here.

The best way I can think of to describe Ubiquity is, for all you Mac users, like Quicksilver for Firefox.  A command line interface to control several different aspects of the web.  A good video can be seen here.

Now, on to MyNotes.

I started working on MyNotes because the core of the MyNotes application has the basics for Ubiquity command line programming.  My goals included:

1. User account management
2. Ajax data requests
3. Data storage within Ubiquity
4. Command hinting
5. pseudo sub-cmmands

I was able to use AJAX post-get methods in php to accomplish #’s 1 and 2.
Code Snippet below:

register: function(key,val) {
    //register
    	var url="http://colddish.gmtaz.com/ubiquity/"+
"mynotes/notes.php";
    jQuery.post(url, {op:"register",u: key, p:val},
       function(data){
          if(data.registerResponse == key){
	     if (!Application.prefs.has(key)){
		Application.prefs.setValue(key, val);
		Application.prefs.setValue("mynotes_user", key);
		displayMessage("New account created for ""+key+"".");
		}
	 else{
		var new_key = Application.prefs.get(key);
		Application.prefs.setValue("mynotes_user", key);
		new_key.value = val;
		displayMessage("Password set for ""+key+"".");
	      }
	}
	else
	   displayMessage("Username is already in use."
           +"  Please try again.");
 }, "json");

Basically, I’m perfoming an AJAX post with jquery, passing in JSON data (username and password), and then storing that data in the application.prefs.  I overcame the issue of knowing which password/username combo to use by creating a generic “mynotes” perfs key storing the active  username and password.

Application.prefs.setValue("mynotes_user", key);

Then I can just get the value of the mynotes pref key to get the password associated with that account.  I could try to just store JSON data as the value for the key and run a function to pull the appropriate data…but for some reason, I’m having trouble converting the value string to a JSON object.

To get this to fully function, I needed to create a php file (notes.php), which serves out the JSON data to ubiquity based on parameters posted by the AJAX call.

I would love to hear your thoughts on how to optimize this script as I’m just starting to teach myself javascript and jquery, coming from an asp .net environment.

Here is a link to the script page for MyNotes

Well, I haven’t seen a better way of describing how my time is spent in regards to web design. Mostly because I’m a developer…

I found this here: http://www.i-marco.nl

The author states in his blog that he doesn’t agree with the CSS section, as anything can be done in CSS. I agree…I also think that the yellow should be much larger and so should the purple. I’ll bring down the fucking swearing section to compensate.

PS. I have a LOT of posts to catch up on so check back often…plus it makes me happy to see people checking my site.