From the same people that brought you Frozen Grand Central and Food Court Musical, Improv Everywhere presents No Pants 2k9!

All are invited to participate in the 8th Annual No Pants! Subway Ride. The event will take place at 3:00 PM on Saturday, January 10. Everything you need to know is in this post. Please read it carefully!

REQUIREMENTS FOR PARTICIPATION:

1) Willing to take pants off on subway
2) Able to keep a straight face about it

What would your reaction be if you are riding the subway, look around, and notice no one is wearing pants? Would you patricipate? Let’s just hope they all have plenty of sanitizer! eww

Read More

For some reason, possibly having something to do with the fact that three of the last seven governors have had certain legal problems, Illinois seems to be coming out with a new license plate design for 2009.

(Not really, but this design is making the e-mail rounds today.)

Hey, they should at least give you an option to buy one. Maybe this is a way to make up for the money the CTA is wasting!

Read More

I’ve been working with JavaScript for roughly 4 or 5 years at this point. My first apps, if you can even call them that were randomized ads being server from an array on my buddies web site once his traffic picked up. It was not only my first attempt at JS, but also one of the early programming lessons of my life. With that said I’m old school, I can write an AJAX request by memory, I can tell you about the days of old using invisible iframes and having inter page communication between objects to do essentially what XMLHttpRequest does now (yes I know, using them is still a key to many apps). With that said doing a good ole getElementById(’x') never phased me in the least. The idea of building a DOM structure with document.createElement and document.appendChild…


var heart = document.createElement('heart');
chest.appendChild(heart);


With that said, I could continue down my route and stick to my ways, but a man that stands still in his knowledge is a man that gets left behind. So I’ve started researching JS frameworks and the pros and cons of these now necessary evils/saints.

I personally fell for jQuery. Clean syntax, ease of use, functionality… all of these things put it leaps and bounds ahead of it’s competitors in my book. Looking over Prototype.js markup usually makes me walk away from the computer grumbling about a nose bleed and makes me smoke a cigarette. With that said I’m not your typical JavaScript programmer from my experiences working with others in this field. I feel that a good JS program much like any other should consist of “Objects” since the language is considered OOP, or atleast some what I tend to take advantage of that. For more complex applications I’ll write a series of objects with self contained functionality to control multiple facets of an application. An example of this would be a web based jabber client I wrote about a year ago.

The interface and most every functionality was controlled via a series of objects. I’ll give a short example of what I mean.


function Chat()
{
this.connected = this.establishConnection();
etc.
}

Chat.prototype.handleMessage = function(ejabberdPacketObject)
{
var chatInstance = this.activeChats[ejabberdPacketObject['username']];
if(!chatInstance)
{
this.activeChats[ejabberdPacketObject['username']] = new Conversation(ejabberdPacketObject);
etc.
}
}

function Conversation(incomingConversation)
{
this.username = incomingConversation['username'];
this.appendChatLog(incomingConversation['message']);
}

Conversation.prototype.appendChatLog = function(msgText)
{
msgText = this.username+" : "+msgText;
this.chatLog += msgText;
etc...
}


For all of the fans of Object Literal Notation, I know I’m a sinner, but I really do believe prototyping objects is the way to go because of readability and memory management. I’ll make it up to you and write the next piece in OLN.

So long story short I’m working on a dynamic Pedigree builder, it’s rather simple really, it needs to build out the HTML DOM dynamically adding generations to a pedigree. But I figured I would use jQuery to ease some of the extra markup overhead of appendChild and getElementById calls plus get all the fancy fancy shiny flashy effects as well. I ran into an interesting issue that gave me a headache for a few hours so I wanted to present it to whoever may be running into the same issue and propose my fix.

See when I do development I like to store references to my DOM elements in Object properties to prevent looking over the DOM again plus it just makes it easier to grab DOM references in context.


this.myDiv = $('#gen1');
this.addGenBtn = $('#gen1 input.add_generation');


Using that with jQuery would fetch the input with a class name of ‘add_generation’ inside of the DIV with the ID ‘gen1′. Which is great, we get the correct element back and all the extra functionality supplied by jQuery including the ‘click()’ functionality… I know I know I could use ‘onclick’ but as my Grandpa says “If you’re gonna get wet, might as well go swimming”… basically what I’m saying here is if you’re using the framework, might as well implement it wherever you can. So now that we have the reference in place we can do stuff like this.


Pedigree.generations[5].myDiv.append('stuff');
Pedigree.generations[5].addGenBtn;


Another habit of mine is also passing the reference of the parent object to the DOM node itself for cross reference purposes. This way the DOM node can “phone home” easily and react to user information and interaction accordingly. Such as this.


this.addGenBtn.Parent = this;


Now this may seem kind of clumsy but I’ll show you why I do it personally.


function Generation()
{
this.myDiv = $('#gen1');
this.addGenBtn = $('#gen1 input.add_generation');
this.addGenBtn.Parent = this;
this.addGenBtn.click(this.addGeneration);
}
Generation.prototype = {
addGeneration:function()
{
this.Parent.myDiv.append(this.Parent.blankGenTemplate);
}
};


See now the functionality from an event also has a reference to it’s parent properties and methods. This can be very very handy in the long run. And this is where the problem set in. When the ‘click’ event handler fired, yes, it passed back the associated DOM element as expected. Meaning if I placed a console.log() call and logged ‘this’ to firebug I was seeing the DOM reference I expected. However, any properties and methods I added to that DOM object were neutered.


...
addGeneration:function()
{
console.log(this); // returned input DOM node...
console.log(this.Parent); // returned 'undefined'
}
...


Now me being an old school developer I’m used to saying “getElementById” and getting back exactly what I expected, any new methods or properties I add to that element will reside there until otherwise noted. So this threw me for a loop, but a simple loop that I was looking at from the wrong angle. See jQuery hands back an Object of it’s own when you “query” the DOM. This is what leads to all the fancy added functionality, so although it appears you’re getting back just your DOM node with some extra methods slapped on the end you’re really receiving and jQuery object with your DOM reference tucked neatly inside.

Long story short should someone run into something along the lines of this and require a cigarette much as I did when there is a very simple, very quick, and very easy fix… I almost don’t feel like even publishing this article because I know some people are going to go “well no shit dumbass” but I feel like there might be someone out there that could use this information. SO here it goes.

When you “query” the DOM as mentioned above it returns a custom jQuery object so appending methods/properties to that object does indeed append them, but it does so in the jQuery Object scope which could indeed be useful in some cases. However when using the event controls such as ‘click()’ the scope returns the event reporter. This is why in the example above logging ‘this’ outputs the input element, but it doesn’t see a .Parent reference. It doesn’t see this reference because we technically never put it in place. The trick to fixing this is damn simple though.

See when a jQuery object is returned it’s much like a prototyped/extended array. If you check the object out you’ll see it has a .length property and THIS is where it stores the raw DOM references. So basically using it like an array is the trick.


this.addGenBtn = $('#gen1 input.add_generation');
this.addGenBtn[0].Parent = this;
this.addGenBtn.click(this.addGeneration);


Now in that example we grabbed the first node of the array which is the raw DOM element to create our .Parent property. Now we can use the idea’s stated above without skipping a beat. Also note that if your “query” returns more than one item you can easily loop over the object just like an array and achieve the same idea like so.

this.divControls = $('div.collapsible');
// loop over DOM elements and reference parent object
for(var a=0,z=this.divControls.length; a(lt*)z ; a++)
{
this.divControls[a].Parent = this;
}
this.divControls.click(this.handleCascade);

*(lt) = word press won’t allow a less than because of template munge.. so yea, sorry.

So, with everything we’ve discussed here, I now give you an example (non functional) of the kind of functionality I was trying to achieve.


// pedigree class
function Pedigree()
{
this.init();
}
Pedigree.prototype = {
generations:[],
init:function()
{
// hook up DOM and such
}
},

// generation class
function Generation(parentGen)
{
this.init(parentGen)
}
Generation.prototype = {
init:function(parentGen)
{
this.parentGen = parentGen;
this.masterPedigree = this.parentGen.masterPedigree;
this.generation = this.parentGen.generation+1;
this.buildDOM();
this.hookupDOM();
},
buildDOM:function()
{
// create interface, skipping these
},
hookupDOM()
{
var divName = '#gen'+this.parentGen.generation+'-'+this.generation;
this.myDiv = $(divName);
this.addBtn = $(divName+' input.add_generation');
this.addBtn[0].Parent = this;
this.addBtn.click(this.addGeneration);
},
addGeneration()
{
this.Parent.masterPedigree.push(new Generation(this.Parent));
}
}


Hope this helps anyone else that runs into scoping/object confusion using jQuery later on. If anyone has any questions or comments I’d love to hear them. To the JS dev. community… I know my ways might seem a bit unorthodox so I’m sure I’ll get nice and crucified.

If anyone is going to the Ajaxian conference in Boston next week (Sept. 29th – Oct. 1st) and would like to hang out and shoot the shit feel free to drop your email here and I’ll get in touch.

For those interested in learning more about jQuery jQuery homepage.

Once again, hope this helps, and sorry it’s so damn long ;)

After configuring my Facebook, Pownce and Tumblr accounts it was time to test it out. You can post from the site directly and by default, messages go to all services you enable which can be good and bad. While I may have no problem blasting the same thing to Pownce, Jaiku and Twitter, I really classify my Facebook status updates as being totally different and personal, not to mention something I post for Tumblr may end up being too many characters for Facebook. Also with Facebook, messages still stupidly have your name at the very beginning of messages, so posting “I had a great chicken sandwich for dinner.” still gives you “Evan I had a great chicken sandwich for dinner.” It’s pretty annoying for the OCD grammar Nazis like myself who want Facebook status updates to appear in proper English.

The site does accept what it calls “triggers” which is a way to post to specific services using a code to prefix a message, such as @fb to update just Facebook and none of your other services. So, using the @fb trigger and editing your messages to accommodate your name at the beginning of updates is one workaround to the problem mentioned in the paragraph prior.

Sure, the site is trying to save you time by letting you post directly to different services from their site, but what if you don’t want to be on the ping.fm site at all? You can email updates to a personalized email address you get with your account instead. Even better, I used the AIM bot, adding the contact to my AIM buddies in Digsby, sending the verification code in an IM and instantly I could update Tumblr, Pownce and my Facebook status from within an IM chat. Given the time it would save to go to the different sites individually, this is a welcome addition to my work flow. My only suggestion/problem is that I would really like to edit the “triggers” to whatever I want, allowing me to make specific triggers to go to only Tumblr and Pownce as well as editing the triggers that go for Jaiku, etc.

Speaking with Sean over at Ping.fm I’ve been told that we can look out for an Adobe AIR application, as well as possible Mac and Vista widgets. (I’ve had nothing absolutely confirmed.) Even if they do get around to doing these things, I’m so far happy with just the IM bot but with Pownce I can only post messages, not reply to messages or see other posted messages, all things I can do with the official Pownce AIR client.

If you’re into the Jaiku/Twitter/Pownce/No Social Interaction thing you may want to give this a try, and we got you covered. When signing up, use the code ‘uneasysilence‘ to get into the beta. Invites are limited, so act fast and let us know what you think in the comments.

Read More

Uhhhhh, this HAS to be the STUPIDEST thing I have read in a long time.

[There is] a bill that would put pressure on universities to put in place an official approved music subscription service or risk losing federal financial aid support for students. This is a bizarre piece of legislation, as it effectively props up Napster and RealNetworks by basically requiring universities to sign up for such a service, even if they don’t want to.

This bill has now passed in the house, and is off to the Senate. The good news is that supporters of the bill said it will never be used to cut off Federal Aid is a university refuses to comply, but the sad news is this bill blatantly proves that the RIAA has bought off DC with this ridiculous concept.

Read More

In King County, Wash., local officials are mulling a move to prohibit residents from washing their cars on the street over concerns that the runoff is sloshing into Puget Sound. In Fairfax, Calif., fearing similar runoff pollution, officials have proposed a ban on washing cars in front of one’s home, with citations and possible imprisonment for violators.

Read more on the Wall Street Journal. It’s for the fishes right? Keep your cars dirty for the sake of helping our eco-system stay healthy. What are your thoughts?

Received this humorous spoof of the Apple iPod commercials promoted by Feist. Thanks to everyone who linked this.

Halfway there my buddy opens up this FACTORY SEALED copy and starts laughing followed by a couple choice four lettered words. I look and staring back at us out of the box is a completely virgin (even fingerprintless) disc. U-TURN!

The Consumerist has the scoop concerning blank Call of Duty 4 discs leaving Best Buy. Now I’m not one to immediately point fingers, but Best Buy can’t seem to get a good break these days. Check out what one of the ever so popular Geek Squad employees had to say:

On a side note, the GeekSquad ass who was next to the customer service was a jackass and suggested I was scamming them because this is the second one of these he’s seen in the last week, with the same kind of blank Phillips disc. Best part being where he told me prison is totally worth a $50 game.

What would you have said to a Geek Squad’er if you received a blank game disc and had to put up with a smart ass?

And I thought those watches were bad. Show off your inner geek with this belt buckle calculator so you’ll always be prepared to solve any (mathematical) problem you may encounter. Now only if it could figure out why you aren’t getting laid. Available for $9.99.

Read More

Are you a popular fellow with a loads of friends and a car people gets envious of? Well for only $24.95 you can change all of that and become the town’s joke, the punchline of which is a fantastically unique planter that sticks to your car’s windscreen.

I wonder what would happen if I braked really had with a small cactus just 30cm away from my face. A mobile planter for your car…. seriously, has everything really been invented?