Introduction to Font Awesome

By | HTML/CSS, Programming | No Comments

Basic Icons To use the Font Awesome icons, add the following line inside the <head> section of your HTML page: <link rel=”stylesheet” href=”http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css”> Note: No downloading or installation is required! You place Font Awesome icons by using the prefix fa and the icon’s name. For Example : Output : Font…

Read More

Google Icons

By | HTML/CSS, Programming | No Comments

Google Icons To use the Google icons, add the following line inside the <head> section of your HTML page: <link rel=”stylesheet” href=”https://fonts.googleapis.com/icon?family=Material+Icons”> Note: No downloading or installation is required! For Example : Output : Some Google icons: cloud favorite attachment computer traffic Styled Google icons (size, color, and shadow): cloud…

Read More

Bootstrap Icons

By | HTML/CSS, Programming | No Comments

Bootstrap Icons To use the Bootstrap glyphicons, add the following line inside the <head> section of your HTML page: <link rel=”stylesheet” href=”http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css”> Note: No downloading or installation is required! For Example :  Output : Some Bootstrap icons: Styled Bootstrap icons (size, color, and shadow):  

Read More

jQuery Dimension Methods

By | JQUERY | No Comments

Query Dimension Methods jQuery has several important methods for working with dimensions: width() height() innerWidth() innerHeight() outerWidth() outerHeight().   OUTPUT: Display dimensions of div width() – returns the width of an element. height() – returns the height of an element.

Read More

SVG Gradients (Radial)

By | HTML/CSS, Programming | No Comments

SVG Radial Gradient – <radialGradient> The <radialGradient> element is used to define a radial gradient. The <radialGradient> element must be nested within a <defs> tag. The <defs> tag is short for definitions and contains definition of special elements (such as gradients). Example 1 Define an ellipse with a radial gradient…

Read More