Javascript Canvas - cool libraries, some of the best   Read more

DOM inspection is one of the most useful but underused tools available to a JavaScript developer. DOM inspection can be thought of as an advanced version of viewing a page’s source code, allowing you to see the current state of a page after your code has already modified its contents.  Read more

Prototype is a JavaScript library that was developed to work in conjunction with the popular Ruby on Rails web framework.  Read more

These methods remove elements from the set matched by a jQuery object.  Read more

All of the methods in this chapter manipulate the DOM in some manner. A few of them simply change one of the attributes of an element, while others set an element's style properties. Still others modify entire elements (or groups of elements) themselves—inserting, copying, removing, and so on.  Read more

Lightbox is a JavaScript application used to display large images using modal dialogs. Here i will describe list with the famous lightboxes  Read more

The tooltip is a common graphical user interface element. It is used in conjunction with a cursor, usually a mouse pointer. The user hovers the cursor over an item, without clicking it, and a small box appears with supplementary information regarding the item being hovered over.  Read more

It was initially introduced by Apple for use inside their own Mac OS X WebKit component, powering applications like Dashboard widgets and the Safari browser. Later, it was adopted by Gecko browsers (notably Mozilla and Firefox) and Opera, and standardized by the WHATWG on new proposed specifications for next generation web technologies. Novell manufactures an XForms processor plugin for Internet Explorer, which also provides support for the canvas element. Independent efforts to support the canvas feature on Internet Explorer do not require plugins and are based solely on VML and JavaScript. Google has also begun a project to add canvas abilities to Internet Explorer using the same techniques.  Read more

List of Jquery's events that are triggered by mouse movement and button presses.  Read more

For those times when we want or need to exert a fine-grained level of control over how we make Ajax requests, jQuery provides a general utility function for making Ajax requests named $.ajax(). Under the covers, all other jQuery features that make Ajax requests eventually use this function to initiate the request.  Read more

Fading elements into and out of existence. If you watched the operation of the show() and hide() effects carefully, you noted that they scaled the size of the elements (either up or down as appropriate) and adjusted the opacity of the elements as they grew or shrank.  Read more

Of all the possible browsers available on the Internet, there are only a few that keep up to date with the latest technologies, and even fewer that push the boundaries of what’s possible with a browser. In the end, the browsers you choose to support will most likely depend on who your audience is and how much time you’re willing to put into making your applications work right for everyone.  Read more

The second specification that is pushing forward JavaScript development is that of the WHAT-WG (Web Hypertext Application Technology Working Group) in creating the new Web Applications 1.0 specification. This specification goes in a number of different directions, adding numerous additions to HTML, the DOM, and JavaScript as a whole. Many consider the work going into this specification is what will become HTML 5. Thankfully, unlike new versions of JavaScript, implementations of (portions of) this specification are much easier to come by.  Read more

The CSS selectors give us a great deal of power and flexibility to match the desired DOM elements, but sometimes we’ll want to select elements based on a characteristic that the CSS specification did not anticipate.  Read more

When embracing Unobtrusive JavaScript, behavior is separated from structure, so we’ll be performing operations on the page elements outside of the document markup that creates them. In order to achieve this, we need a way to wait until the DOM elements of the page are fully loaded before those operations execute. In the zebra-striping example, the entire table must load before striping can be applied.  Read more

Apowerful application of JavaScript event handlers is to process form data before it is submitted to ensure the validity of the data. Using this, you can ensure that required fields have been completed and that fields contain valid types of data (for instance, if you are asking for a phone number in a text field, it shouldn’t contain a generic string). By validating data in the client with JavaScript, you can prompt the user to fix the problems before submitting the form and thus eliminate an unnecessary transaction with the server, which consumes bandwidth and server resources.  Read more

The final piece to take into consideration when developing a purely unobtrusive web application is to make sure that your events will work even without the use of a mouse. By doing this, you help two groups of people: those in need of accessibility assistance (vision-impaired users), and people who don’t like to use a mouse. (Sit down one day, disconnect your mouse from your computer, and learn how to navigate the Web using only a mouse.  Read more

One of the most important features of any programming language is the capability to convert between types, and javascript provides developers with a number of easy conversion routines. Most types contain methods that provide for simple conversion, and several global methods are available for more complex conversion. In either case, type conversion is a short, one-step process in javascript.  Read more

From a language perspective, there is absolutely nothing modern about object-oriented programming or object-oriented JavaScript; JavaScript was designed to be a completely object-oriented language from the start. However, as JavaScript has “evolved” in its use and acceptance, programmers of other languages (such as Ruby, Python, and Perl) have taken note and begun to bring their programmatic idioms over to JavaScript.  Read more

The Treeview is one of the easiest and fastest site navigation menus. This page offers some tips on how to make the best of it. Very light and semantic way to make treeview navigation with javascript. And it is supported for all browsers.   Read more