Nuclear Rooster

HTML/JavaScript Widgets with jQuery

Before we get started here, I'll define some terms.

Embed Code - a snippet of HTML/Javascript/CSS that can be placed on multiple websites to load a UI element
• Widget - a UI element placed on a website, created by someone other than the owner of the website

Got it? Ok. You can go down the Flash road, like the YouTube player, but JavaScript is less obtrusive. Advances in HTML 5, CSS 3, and JavaScript enable quick, sexy widgets that a few years ago relied on Flash. Flash still has some stuff going for it, but at the very least it complicates the development cycle, so lets go with JavaScript. And, since we're going with JavaScript, jQuery is the obvious option.

jQuery's noConflict() makes it easy to load your own jQuery instance, without worrying about conflicting with any jQuery on the parent page. This example shows noConflict() in action.