A simple way to Beautify checkboxes using jQuery

image

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

Event Calendar using CodeIgniter and jQuery

This library makes possible to embed a jQuery calendar into a web page and use it in your CodeIgniter applications. The drawback is that it cannot run if Javascript is disabled. However the library deserves attention since the result achieved is pretty nice.

jquery-calendar

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.

White Background on Cycle jQuery Plugin (Internet Explorer only)

After using successfully the Malsup Cycle Plugin for jQuery, evertyhing was ok except one important minor thing. When using IE8 (Internet Explorer) a white background appeared suddenly when the slideshow was supposed to start.

(more…)

Coin Slideshow for jQuery

Coin Slideshow is my second best slideshow using jQuery. The coin slideshow has unique transition effects and is fully customizable with CSS. You can link images and add description with a flexible configuration and a navigation box. You can configure it for auto load is compatible with major browsers.

slideshow-jquery

Build Permalinks (Slug) with Javascript (jQuery)

How to build permalinks with jQuery or Javascript? If you build web 2.0 applications or used WordPress as your blogging system you may be in touch with Slugs.slug-javascript

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

(more…)

Automatic Infinit Carousel for jQuery

Automatic Infinite Carousel is a Javascript library for jQuery that allows you to create an image carousel.

automatic-jquery-slide

You can find the tutorial here.

The jQuery Document Ready!

Next time you forget how to write the jQuery document ready function, here is a snippet that can help you. Just put jquery document ready at Google and find the result.


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

I got this information from Document Ready website

jQuery Download

You can download the latest version of jQuery from here.

Timeline scroller with jQuery

scroll-list-jquery

This interactive jQuery timeline scroller is built on jQuery. Useful for timeline effects, check out the demo.

Switch Display Options with CSS & jQuery

switch-view-jquery

Swith Display Options is a jQuery library that allows to switch the view in a List. You can easily toggle betweek list type or icons type. See an example here.

« Previous Entries