Feed | vitali software

Search Results

Create a Progress Bar With Javascript

11:52 PM

Source: Create a Progress Bar With Javascript – Nettuts+.

“The progress bar is currently only determinate, which means when we update it, we have to tell it explicitly what its value is, and we must know beforehand when the process it is used to measure completes. This widget is not currently the best choice for a process which will take an indeterminate length of time to complete. It’s a very simple widget with a small API that exposes a limited number of properties and methods, but it can still be highly effective and is great for providing visual feedback to visitors on the percentage of a process is left before it is complete…”

(Read the entire original post)

The best of the jQuery tutorials and plugins

11:49 PM

Here are some of the best of the jQuery tutorials and plugins that I’ve recently found on the web. This collection of 30 plugins, tutorials and tips should help every web designers and web developers to improve their website in only a few steps

If you’ve liked these links, then follow me on twitter (@Othella): I would be pleased to share a lot of useful links with you!

1 – The Basics of Writing a jQuery Plugin

A template ideal for developing jQuery plugins. (Link)

2 – Creating a “Filterable” Portfolio with jQuery

How to make “filtering by category” a little more interesting with just a little bit of jQuery. (Link)

3 – Columnizer jQuery Plugin

The Columnizer jQuery Plugin will automatically layout your content in newspaper column format. You can specify either column width or a static number of columns. (Link)

4 – How to Validate Forms in both sides using PHP and jQuery

How to validate your forms using PHP and jQuery in both sides: client side (using javascript with jQuery) and server side (using PHP). (Link)

5 – Building your first jQuery plugin

This tutorial will take you step by step through creating your very own truncation plugin. (Link)

6 – Creating A jQuery Plugin From Scratch

A really basic jQuery plugin just to cement the format in your head. (Link)

7 – Styling Buttons and Toolbars with the jQuery UI CSS Framework

Some button examples that demonstrate how to incorporate the power of the CSS framework classes in a custom widget. (Link)

8 – jQuery Cycle Plugin

The jQuery Cycle Plugin is a lightweight slideshow plugin. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and many transition effects. (Link)

9 – Ajaxify jQuery plugin

Ajaxify is a jQuery plugin. It can convert all links in a web page into an ajax load and submit requests. With this ultra weight plugin, you can build a complex ajax website with one single line. (Link)

10 – Setting Equal Heights with jQuery

A script to “equalize” the heights of boxes within the same container and create a tidy grid — with little overhead. (Link)

11 – jQuery Plugin – Link Control

A simple jQuery plugin designed to give the end user control over whether they want to open a link in a new window or not without having to right click and such. (Link)

12 – jQuery Page Peel

A jQuery plugin for the page peel ad effect used on quite a few sites now. (Link)

13 – Achieving Rounded Corners in Internet Explorer for jQuery UI with DD_roundies

DD_roundies is a javascript library authored by Drew Diller which offers a new approach to bringing rounded corners to Internet Explorer (a browser notorious for its CSS shortcomings). (Link)

14 – Fixing IE overflow problem

How to move the horizontal scroll bar to the outside of our overflowed element. (Link)

15 – Vertically Center An Element

In this video tutorial, you’ll learn how you can vertically center an image in your browser by combining CSS with jQuery’s power. (Link)

16 – JSizes ― jQuery extension plugin for CSS properties

JSizes is a small plugin for the jQuery JavaScript library which adds support for querying and setting the CSS min-width, min-height, max-width, max-height, border-*-width, margin, and padding properties. Additionally it has one method for determining whether an element is visible. (Link)

17 – jQuery Scroll Follow

Scroll Follow is a simple jQuery plugin that enables a DOM object to follow the page as the user scrolls. (Link)

18 – jQuery plugin: ‘imgPreview’

The ‘imgPreview’ plugin allows your users to preview an image before clicking on it and, out of necessity, will preload the image so when a user does click through to it there is no waiting time! (Link)

19 – jQuery ListNav Plugin

This jQuery plugin supplies an easy way to unobtrusively add a letter-based navigation widget to any UL or OL list. An easily stylable (via CSS) nav bar appears above the list, showing the user the letters A-through-Z. (Link)