Several terms and concepts are referred to throughout this chapter, so it’s good to let you know them up front  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

The World Wide Web is in fact a global environment, with many languages as well as religions, customs, and ways of life. Creating visually stimulating designs that work for your clients—no matter how near or far they might be requires an understanding of a variety of practices: excellent Web graphic design skills and an awareness of the psychology of color and space.  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

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

Selectors are one of the most important aspects of CSS as they are used to "select" elements on an HTML page so that they can be styled. Selectors are only case-sensitive if the document language is also case-sensitive (eg: HTML: not case-sensitive, XML: case-sensitive), ID selectors have a higher cascade specificity than an equivalent attribute selector (eg: the selector '#foo' has a higher specificity than '*[id="foo"]'   Read more

There may be times when you want your document to mimic the user's computing environment as closely as possible. An obvious example is if you're creating web-based applications, where the goal is to make the web component seem like a part of the user's operating system. While CSS2 doesn't make it possible to reuse every last aspect of the operating system's appearance in your documents, you can choose from a wide variety of colors and a short list of fonts.  Read more

As important as specificity may be to understanding how declarations are applied to a document, another key concept is inheritance. Inheritance is the mechanism by which styles are applied not only to a specified element, but also to its descendants. If a color is applied to an H1 element, for example, then that color is applied to all text in the h1, even the text enclosed within child elements of that h1.  Read more

This pseudo-class matches an element only if it’s the first child element of its parent element. For instance, li:first-child matches the first list item in an ol or ul element. It doesn’t match the first child of a list item. Requires Windows Internet Explorer 7 or later but altho there is a way to make it internet explorer 6. .  Read more

An element with position: fixed is positioned at the specified coordinates relative to the browser window. The element's position is specified with the "left", "top", "right", and "bottom" properties. The element remains at that position regardless of scrolling. Works in IE7 (strict mode)  Read more

Attribute selectors have two parts. The first part is a selector that identifies an element - it might be a type selector, or a more specific kind of selector such as a descendant selector. The second part specifies a condition for the attributes of the element.  Read more