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.

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.

You can find the tutorial here.

console.log(“I like it”)

Sometimes, console.log is not available for example if you are not running Firebug or it you are not using Firefox browser. Then you can use this simple function to override console.log to avoid the Javascript error caused by non defined console.log function

// if console is not defined, e.g., Firebug console is not enabled or Non-Firefox browser if (typeof console == 'undefined') { var console = {}; console.log = function(msg) { return; }; }

$(document).ready(function() {
// put your jquery stuff here
});

I got this information from Document Ready website