CodeFacet

Monday, January 12, 2015

Font awesome in Bootstrap

Font-awesome is an open source project which provide free font icons. These days everybody use font rather than using images because it is scalable and can be re-size to any size and change color to any. First type Font-awesome on Google and click on the first link. you will be taken to font-awesome site. You can see many icon there.
To get started, click on the "get started" menu
Copy the css link and paste it on your index page. This will import the fonts.

Code to create responsive Grid with Bootstrap

Grid system consist of rows and columns. Each row consist of single line and each column consist of 12 columns. If you try to add more columns than 12 column in single row, the column after 12th column will automatically go to new row.

<div class="container">
    <div class="row">
        <div class="col-md-4"> 
            <h2>First Heading</h2>

Code to create responsive carousel with bootstrap

Oh!!! creating carousel(slide) was never been easy before bootstrap. Creating carousel with responsive design is really challenging with javascript or using other language. Bootstrap makes it really simple in creating carousel. Below is a running code for creating carousel:
<div id="myCarousel" class="carousel slide">
<ol class="carousel-indicator">
<li data-target="#myCarousel" data-slide="0" class="active"></li>

Code to create responsive navigation bar with dropdown menu using bootstrap

Creating responsive navigation bar with dropdown menu in bootstrap is very simple. It is as easy to customize as to create it. Below is a running code for creating navigation bar(Menus) using bootstrap.

<div class="navbar navbar-default navbar-fixed-top"> //creating fixed navbar menu you can change fixed to static
<div class="container">
<div class="navbar-header">

How to earn money in Appsnetwork?

Earning in Appsnetwork is easy. The task are simple. Simply, downloading the apps, writing review, rating are the main task. Similarly earning through watching videos, simple survey etc. are also task of appsnetwork. I was wandering about which was the best paid online job so that I could stay at home and easily do online job. I searched for online job over internet over and over again. Initially, I did other types of online job. But they appear to be difficult and paid so little. So, later I found this

Character counting in jquery : example

Below is a html code which creates a textarea and a span tag for displaying total remaining character to reach maximum length of textarea.
<html>
<head><title>Character Counting remaining example in jquery</title></head>
<body>
<textarea type="textarea" id="textarea_id" maxlength=120></textarea><br />

Stop in jquery : example

Below is a html code for which give slidetoggle effect with startstop.js .
<html>
<head><title>slidetoggle with jquery example</title></head>
<body>
<p><input type="button" id="start_btn" value="slide start" />

Slide Effect in jquery : example

This is a html code for creating button and image.

For Slide Down

<html>

<head><title>Slide Down with jquery example</title></head>

<body>

Odd Even selector in jquery : example

Below is a simple html code for creating table with six rows.

<html>
<head><title>Odd Even Selector</title>
<link rel="stylesheet" type="text/css" href="odd_even_selector.css"
</head>
<body>
<table class="table">

Image gallery effect in jquery : example

Below is a html code for creating simple image gallery. Image effect is given by jquery code below it.

<!DOCTYPE html>
<html>
<head><title>effect in image gallery with jquery code example</title></head>
<body>