id attribute for htmlelement (JavaScript 1.0)

CSS shadow work with different elements like box shadow, text shadow etc.

JavaScript is a client side scripting language that can make your webpage intaractive and JavaScript can be embbeded into your static HTML webpage directly.

In JavaScript there are functions that can be used to URL encode a string. In JavaScript you can use the encodeURI function

Using the css property we can get the simple CSS property value of an attribute.

Think of a combination of an input text element and selection list. Typically used where there is the likelihood of a visitor entering a value of other (not one of the items in the list).

By extending jQuery, you create reusable components that can be used on any web page. Your code is encapsulated and there is less risk that you will use the same function names elsewhere.

Now HTML 5 came up with a Drag and Drop (DnD) API that brings native DnD support to the browser making it much easier to code up. HTML 5 DnD is supported by all the major browsers like Chrome, Firefox 3.5 and Safari.

With jQuery, you can hide and show HTML elements with the hide and show methods

The <canvas> tag is used to draw graphics, on the fly, via scripting (usually JavaScript). The <canvas> tag is only a container for graphics, you must use a script to actually draw the graphics.

The HTML5 Geolocation API is used to get the geographical position of a user. NOTE: Since this can compromise user privacy, the position is not available unless the user approves it.

Javascript Events are the actions which are detected by the javascript when they are fired.

In addition to setting a style for a HTML element, CSS allows you to specify your own selectors called "id" and "class". "id" and "class" are attributes to most HTML elements.

jQuery.support is a collection of properties that represent the presence of different browser features or bugs. Primarily intended for jQuery's internal use; specific properties may be removed when they are no longer needed internally to improve page startup performance.

JavaScript clearTimeout function enables you to stop the timer event started by the JavaScript setTimeout function. When you apply the setTimeout function using a recursive loop over the JavaScript function by specifying the time delay then it calls the function continuously after equal intervals of time.

Some of the most basic components we can manipulate when it comes to DOM elements are the properties and attributes assigned to those elements

SVG stands for Scalable Vector Graphics and it is a language for describing 2D-graphics and graphical applications in XML and the XML is then rendered by an SVG viewer. SVG is mostly useful for vector type diagrams like Pie charts, Two-dimensional graphs in an X,Y coordinate system etc.

The switch statement is used to select one statement from the many blocks. This is used on place of nested if…else. If there are number of if..else statements then we should use switch.

jQuery provides methods to manipulate documents in efficient way. You do not need to write big code to modify the value of any element's attribute or to extract HTML code from a paragraph or division.

jQuery AJAX life cycle demonstration. This is a demonstration of the methods ajaxStart, ajaxSend, ajaxComplete, ajaxStop, and ajaxSuccess that are triggered when load method is called.

jQuery ajaxStart and ajaxComplete are two functions are very useful to show the graphics while the data is loading from server. The ajaxStart method works while the server fullfilling the service asked to it. The ajaxComplete method is called when the server fulfilled the request.

JavaScript if…else is a conditional statement that is used to check wether a condition is true or false to take a decision.

Javascripts loops are similar to other programming languages. Loops allows us to execute a block of statements to the specified number of times.

Drag and Drop magic with HTML5 using an image to drag back and forth between four <div> elements.

The jQuery toggle method toggles the visibility of HTML elements using the show or hide methods. Shown elements are hidden and hidden elements are shown. The speed parameter can take the following values: "slow", "fast", "normal", or milliseconds.

SVG stands for Scalable Vector Graphics and it is a language for describing 2D-graphics and graphical applications in XML and the XML is then rendered by an SVG viewer. SVG is mostly useful for vector type diagrams like Pie charts, Two-dimensional graphs in an X,Y coordinate system etc.

JavaScript clearInterval function enables you to stop the timer event started by the JavaScript setIntterval function. When you apply the setInterval function a JavaScript function by specifying the time interval then it calls the function continuously after equal intervals of time.

The drawImage method allows you to insert other images (img and canvas elements) into your canvas context. To draw an image using HTML5 Canvas, we can use the drawImage() method which requires an image object and a destination point. The destination point is relative to the top left corner of the image.

jQuery allows to change the multiple CSS properties value at once.

To align HTML5 Canvas text, we can use the textAlign property of the canvas context, which can be set to start, end, left, center, or right. Unless otherwise specified, the textAlign property is defaulted to left.

CSS class selector is defined using "."(dot) for example ".class1". The class selector can be used more than one in same document. The ID selector is defined using "#" (hash), for example "#id1". The id selector can only be used once in same document.

JavaScript setInterval function provides the functionality to execute the specified function after the sepcified time interval in milliseconds. Using the JavaScript setInterval function you can set the time interval to call a function again and again.

Here in a text box the timer is display on "start count" button click and stop on "start count " click

Unordered or ordered lists can be arranged in two, three, or more columns using nothing more than css. We force the list to break at the right point. If We want two columns, you need to float the list items left and set them at 50% width and for three columns would require a width of 33% and floated left, four would be 25% and so on.

The jQuery slideUp and slideDown methods gradually change the height of the selected elements.

HTML5 canvas populated with one filled rectangle and one painted stroke.

Using jquery manipulation methods, we can replace elements with another elements.

The jQuery fade methods gradually change the opacity for selected elements.

CSS colors can be appied radomly using RGB combination (Red,Green,Blue).

jQuery provides methods to manipulate documents in efficient way. Using jquery manipulation methods, we can insert element in given document. Like here we add a new element before the blue square.

jQuery Animate can function supports animation in different directions

The switch statement is used to select one statement from the many blocks. This is used on place of nested if…else. If there are number of if..else statements then we should use switch.

The jQuery animate method has a complete method we can supply with callback function that is fired once the animation is complete. This can be useful for stringing different animations together in sequence like this example.

Colors can be applied to any HTML element. Like div, text, body ,paragraph etc.

With jQuery you select (query) HTML elements and perform "actions" on them. The jQuery syntax is tailor made for selecting HTML elements and perform some action on the element(s) or attributes to element(s)

CSS box with shadow is applied with the boxes.

JavaScript event that triggers when object gets focus.

We can apply multiple shadows of the box or text at the same HTML element.

The Frame and Iframe represents html frame and iframe respectively.This DOM object has all the properties that a HTML element has. We can change these properties using javascript.

JavaScript random method returns a random number between 0 and 1.

To have the effect for bottom text we have created a master container where the position to all child elements position is relative to the master container. And we used a child container with a absolute position to bottom and left for the master container.

jQuery animate also support different properties and multiple unit types within one animation.

Using jQuery manipulation methods, we can remove elements.

This statement allows us to select one statement among many statements.It is also called nested if….else.

CSS3 allows you to format your elements using 3D transforms and here we have rotated 180 degrees around X axis.

Javascript provides us the facility to break a loop in middle and also to continue the loop without executing the whole body of the loop.There are two keywords that provides these facilities: 1) break 2) continue

This event is fired when the form is submitted. This is only works with the form element of the HTML.

jQuery also allows us the set the property value of the CSS.

The Navigator object contains information about the visitor's browser.

Count number of attributes that exists for the button.

The link object is used to include the external file in the web page. This tag must be inside the head tag of the page. Here is the example of the link that give the type of the external sheet.

jQuery selectors allow you to select and manipulate HTML elements as a group or as a single element.