The slider has many different options including CSS3 animations for images or HTML markup. Roundabout is a jQuery plugin that easily converts unordered lists & other nested HTML structures into entertaining, interactive, turntable-like areas.

Go to http://fredhq.com/projects/roundabout

If you are looking for other nice jQuery slider libraries, this article from tripwiremagazine has some other alternatives.

Quora uses a simple but elegant jQuery Wysiwyg editor that preserves the formatting and have a great look.

Demo | Download

As you can see, the result at the right is a transformed version of the original select list on the left.

Another example is below.

You can download and use this plugin freely. Just need to go to the project page here. Then, you can use it as shown below:

$("#select_id").dropdownchecklist();

The existing select element with id ‘select_id’ is replaced by a dropdown checkbox list widget.

This interesting snippet based on jQuery allows you to beautify HTML checkboxes buttons using jQuery and some nice images. The same idea applies if you want to beautify other controls like radio buttons. These pretty checkboxes can enhance the UI of your web applications. Read the full article here.

If you need a Document Ready shorthand, then we’d recommend DocumentReady.info

The events are highlighted on certain dates and the event information is displayed in a popup with a nice background effect. Next time you need to use a Calendar library you can check this one. With this Calendar for jQuery you can easily build applications that require a calendar Javascript library.

I followed the recommendation from Malsup on this article, and added cleartypeNoBg to true. This helped to troubleshoot it and worked perfectly (Thanks Malsup!).

For example, the following image shows the slideshow that I was trying to create, and a dummy white background that is introduced by jQuery Cycle. After debugging the source code using Developer Tools from Internet Explorer, I figured this was a layer added by Cycle jQuery, and curiously the background for that layer was set to white.

The slugs are pretty friendly URLs segments that allows to create permalinks SEO friendly.

Here are a couple of plugins that will allow you to create slugs or permalinks with jQuery using just Javascript and no server code. That’s useful for control panels or administration panels that require to create slugs on the fly.

jQuery Slug Plugin is one of these tools. If you check the source cod you will notice the plugin is pretty simple, just a few lines of code.

Special characters like accents (Tildes)

I made a simple update on this library to use special characters like accents in latin á é í ó ú and ñ. Since Javascript only support regular expressions for accents passed as unicode chars, then I used an array to define those chars (the original idea was taken somewhere else that I don’t remember, but the characters were taken from here).

And since I needed to functionality to return a string instead of updating a particular field given the css class, I got the function makeSlug and wrote a separate function that reads as follows:

function makeSlug(slugcontent)
{
    // convert to lowercase (important: since on next step special chars are defined in lowercase only)
    slugcontent = slugcontent.toLowerCase();
    // convert special chars
    var   accents={a:/\u00e1/g,e:/u00e9/g,i:/\u00ed/g,o:/\u00f3/g,u:/\u00fa/g,n:/\u00f1/g}
    for (var i in accents) slugcontent = slugcontent.replace(accents[i],i);

	var slugcontent_hyphens = slugcontent.replace(/\s/g,'-');
	var finishedslug = slugcontent_hyphens.replace(/[^a-zA-Z0-9\-]/g,'');
    finishedslug = finishedslug.toLowerCase();
    return finishedslug;
}

So, now I can call this function anywhere in the code and convert any string to a slug or permalink using Javascript.

To show an example: Ñandú and ñoquis will be converted to: nandu-and-noquis

You can go to the project home here.  And here you can see an AJAX demo.