h3 (HTML4 & HTML5)

HTML headings are defined with the <h1> to <h6> tags.

CSS3 animations make it possible to animate transitions from one CSS style configuration to another. Animations consist of two components: A style describing the animation and a set of keyframes that indicate the start and end states of the animation's CSS style, as well as possible intermediate waypoints along the way.

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

CSS is the acronym for: ‘Cascading Style Sheets’. CSS is an extension to basic HTML that allows you to style your web pages.

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).

The CSS3 border-radius property allows web developers to easily utilise rounder corners in their design elements, without the need for corner images or the use of multiple div tags or JavaScript.

CSS3 allows user to use the font that are even not installed on his/her own computer. The fonts that that resides on the server can be used by CSS3 @font-face.

jQuery selectors allows us to select HTML elements and manipute them as a group or as a single object. In jQuery it's common that selectors start with dollar sign and parentheses. Syntax:- $.(selector).methodName();

The flexible box layout gives us a way of creating flexible boxes. It lets us align and distribute boxes vertically and horizontally as well as have boxes flex to use all available space. You can also display the elements in reverse order compared to how they are ordered in the markup.

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

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.

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.

Arithmatic operators are used to perform operations on the numbers.

An object is an entity which can have properties, events and methods. This example creates a simple string holding the text 'hello world'. Some Standard Objects that are part of the JavaScript are 'String','Date','Array','Boolean','Array','Math' and 'RegExp'.

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

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.

CSS3 transitions are effects that let an element gradually change from one style to another. To do this, you must specify the effect and the duration.

CSS3 allows user to use the font that are even not installed on his/her own computer. The fonts that that resides on the server can be used by CSS3 @font-face.

JavaScript validation are client side scrips that is used to reduce the server load because all validation are check on client browser. This example validates numeric characters on the input.

This allows us to move the animated element to move from one place to another.

CSS3 transitions provide a way to control the speed of animation changes to CSS properties. Instead of having the animation changes take effect instantly, you can transition the property changes over a specified time period.

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.

This animation allows to add time to animation effect.

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

JavaScript validation are client side scrips that is used to reduce the server load because all validation are check on client browser. This example validates alphabetic characters on the input

jQuery mouse events are events that have to do with actions of the mouse. These can be a click, double-click, mouse down and more. Mouse events can be used in two different ways.

The CSS radial-gradient function creates a effect which represents a gradient of colors radiating from an origin. Radial gradients are defined by their origin and the angle, orientation, and type, a circle or an ellipse of the spreading shape.

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

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.

Register a handler with jQuery to be called when Ajax requests complete with an error. Whenever an Ajax request completes with an error, jQuery triggers the ajaxError event. Any and all handlers that have been registered with the .ajaxError() method are executed at this time.

The CSS radial-gradient function creates a effect which represents a gradient of colors radiating from an origin. Radial gradients are defined by their origin and the angle, orientation, and type, a circle or an ellipse of the spreading shape.

CSS Transforms offers you the possibility to scale, rotate, reposition and skew an element through CSS. We can now combine this with CSS Transitions to create a nice example that will both scale and rotate an element when hovered

You can specify the border-radius value in pixel and percentage.

screen object gives your browser screen information like width,height,color depth.

CSS3 allows user to use the font that are even not installed on his/her own computer. The fonts that that resides on the server can be used by CSS3 @font-face.

This selector is used to apply the CSS property on the element which matches the value with the give attribute.

This gradient has arbitrary stops according to our needs.

Using jQuery manipulation methods, we can remove elements.

JavaScript logical operators are used to determine the logic between variables and values.

The flexible box model has box-pack nad box-align properties. The box-pack property allows to fit the boxes that are in horizontal manner. The box-align property allows to fit the boxes that are in vertical manner. The box-ordinal-group property allows to set the order of the boxes manually.

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

This selects elements based on a simple provided algebraic expression (e.g. "2n" or "4n-1"). Has the ability to do things like select even/odd elements, "every third", "the first five", and things like that. CSS :odd is the same as :nth-child(odd) or :nth-child(2n+1)

CSS position property allows us to set an absolute position to an element (relative to it's environment). We can set the position of an element using the top, right, bottom, and left properties.

CSS floating allows us to push an element either left or right.

This selects elements based on a simple provided algebraic expression (e.g. "2n" or "4n-1"). Has the ability to do things like select even/odd elements, "every third", "the first five", and things like that. CSS :even is the same as :nth-child(even) or :nth-child(2n)

Linear Gradient effect with even stops.

A javascript Math object allows us to perform the mathematical tasks.

The Date object is used to work with dates and times.

JavaScript regular expression can be used to maniplate strings and perform text searches. In this example we do a case-insensitive search for "www.webgrid.com" in a string.

Javascript array is used to store multiple values in a variable.

If a variable is defined in a function then it will be local for this function, it can not be used outside of that function. A variable which is defined outside of the fuction becomes Global and this variable can be used in whole webpage document.

As 'for loop' executes the specified number of times, the while loop executes while a condition is true.

The String object is used to manipulate texts.

The Boolean object is used to convert a non-Boolean value to a Boolean value (true or false).

The flexible nature of JavaScript variable types can lead to confusion as to the particular type of a variable at any given time in a script. To address this concern JavaScript provides the typeof operator. The typeof operator returns the current variable type of the specified variable.

Comparision Operators are used to compare the values of the variables, and the result is used to make the decision.

Javascript assignment operators are used to assign values.There 6 assignment operators that can be used.