Friday, June 10, 2016

Common Uses of Bootstrap

1.      First of all, Bootstrap is the most popular framework for creating layouts. Here are some additional reasons to use Bootstrap:

Bootstrap's responsive CSS adjusts to phones, tablets, and desktops

Mobile-first styles are part of the framework

Bootstrap is compatible with all modern browsers (Chrome, Firefox, Internet Explorer, Safari, and Opera)

2. Bootstrap has a big community and friendly support. For resources visit:

Check out the Bootstrap Blog.

You can chat with Bootstrappers with IRC in the irc.freenode.net server, in the ##bootstrap channel.

Have a look at what people are doing with Bootstrap at the Bootstrap Expo.

3. Bootstrap is easy to set up and create a working layout in less than an hour

They have a basic template available at http://getbootstrap.com/getting-started/#template and also a set of examples for different needs (http://getbootstrap.com/getting-started/#examples). You can just download the bootstrap repository, go to docs/examples folder, copy/paste the example you need and work on it.

4. You don't need to know HTML and CSS well to use bootstrap, it's a plus if you're a backend developer and need to do some UI changes.

5. It's fully customizable, I can choose which components I'd like to use and use variables file to get do even more color and behavior customization.

All you need to do is visit http://getbootstrap.com/customize/ , choose the plugins you need and click download. Bootstrap also provides a way to override its internal variables for advanced users, but they provide pretty decent defaults, so you shouldn't worry about this unless you need to.

6. When you update the version of Bootstrap, you won't see tons of errors because their core team cares about backwards compatibility.

7. Their documentation is great!

8. Bootstrap offers a lot of helper classes that make development of a responsive website easy and fast.

You can turn any fixed-width layout into a fluid one by simply changing your parent .container class to .container-fluid.

Bootstrap also has .visible-*-* classes to help you control the way your sections are displayed on tablets and mobile devices. Example:

<div class="visible-xs-block visible-sm-block"></div>

In this case, the div will be displayed as a section with display: block only on phones and tablets. It will be hidden on desktop.

9. Bootstrap’s components are well-adopted to the ecosystem of popular JS MVC Frameworks like Angular

10. Bootstrap resolves a lot of cross-browser issues and you don't need to worry about that most of the time.

Wednesday, March 9, 2016

WordPress Owns Over Half of CMS Market

WordPress Owns Over Half of CMS Market

WordPress is more than just the most popular CMS, it blows its competition out of the water! New statistics from a W3Techs survey in November 2015 highlight how WordPress has overtaken the CMS market: The WordPress platform dominates their vertical by hosting 58.7 percent of all CMS-based websites. The closest competitors are Joomla and Drupal, coming in at 6.6 percent and 5 percent of market share respectively. It’s clear to see that when clients are in the market for a CMS, WordPress is most often their choice.
WordPress Controls 58.7 Percent of CMS Market

One in Four of All Websites Use WordPress … That’s Huge!

Not only is WordPress the most popular CMS among its competitors, but it has also taken over a significant portion of all websites worldwide, according to the same survey by W3Techs. As you can see in the chart below, over 25 percent of the Internet uses WordPress. This popularity is demonstrative of WordPress’s ongoing, long-term growth. While the platform is hovering just over 25 percent as of December 2015, it comprised only 13.1 percent of the market four short years ago!
Historical Trends of CMS Market

Tuesday, February 9, 2016

Jquery Step By Step Form

    <link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
    <style type="text/css">
body {
    margin-top:40px;
}
.stepwizard-step p {
    margin-top: 10px;
}
.stepwizard-row {
    display: table-row;
}
.stepwizard {
    display: table;
    width: 50%;
    position: relative;
}
.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}
.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;
}
.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}
.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}
</style>
    <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
    </head>
   
   
    <body>

<div class="container">

      <div class="stepwizard col-md-offset-3">
    <div class="stepwizard-row setup-panel">
          <div class="stepwizard-step">
        <a href="#step-1" type="button" class="btn btn-primary btn-circle">1</a>
        <p>Step 1</p>
      </div>
          <div class="stepwizard-step">
        <a href="#step-2" type="button" class="btn btn-default btn-circle" disabled="disabled">2</a>
        <p>Step 2</p>
      </div>
       <div class="stepwizard-step">
        <a href="#step-3" type="button" class="btn btn-default btn-circle" disabled="disabled">3</a>
        <p>Step 3</p>
      </div>
     
       <div class="stepwizard-step">
        <a href="#step-4" type="button" class="btn btn-default btn-circle" disabled="disabled">4</a>
        <p>Step 4</p>
      </div>
     
        </div>
  </div>
      <form role="form" action="" method="post">
    <div class="row setup-content" id="step-1">
          <div class="col-xs-6 col-md-offset-3">
        <div class="col-md-12">
              <h3> Step 1</h3>
              <div class="form-group">
            <label class="control-label">First Name</label>
            <input  maxlength="100" type="text" required="required" class="form-control" placeholder="Enter First Name"  />
          </div>
              <div class="form-group">
            <label class="control-label">Last Name</label>
            <input maxlength="100" type="text" required="required" class="form-control" placeholder="Enter Last Name" />
          </div>
              <div class="form-group">
            <label class="control-label">Address</label>
            <textarea required="required" class="form-control" placeholder="Enter your address" ></textarea>
          </div>
              <button class="btn btn-primary nextBtn btn-lg pull-right" type="button" >Next</button>
            </div>
      </div>
        </div>
    <div class="row setup-content" id="step-2">
          <div class="col-xs-6 col-md-offset-3">
        <div class="col-md-12">
              <h3> Step 2</h3>
              <div class="form-group">
            <label class="control-label">Company Name</label>
            <input maxlength="200" type="text" required="required" class="form-control" placeholder="Enter Company Name" />
          </div>
              <div class="form-group">
            <label class="control-label">Company Address</label>
            <input maxlength="200" type="text" required="required" class="form-control" placeholder="Enter Company Address"  />
          </div>
              <button class="btn btn-primary nextBtn btn-lg pull-right" type="button" >Next</button>
            </div>
      </div>
        </div>
    <div class="row setup-content" id="step-3">
          <div class="col-xs-6 col-md-offset-3">
        <div class="col-md-12">
              <h3> Step 3</h3>
              <input maxlength="200" type="text" required="required" class="form-control" placeholder="Enter Information for step 3" />
              <button class="btn btn-primary nextBtn btn-lg pull-right" type="button" >Next</button>
            </div>
      </div>
        </div>
       
     <div class="row setup-content" id="step-4">
          <div class="col-xs-6 col-md-offset-4">
        <div class="col-md-12">
              <h3> Step 4</h3>
              <input maxlength="200" type="text" required="required" class="form-control" placeholder="Enter Information for step 4" />
              <button class="btn btn-success btn-lg pull-right" type="submit">Submit</button>
            </div>
      </div>
        </div>
   
  </form>
    </div>


<script type="text/javascript">
  $(document).ready(function () {
  var navListItems = $('div.setup-panel div a'),
          allWells = $('.setup-content'),
          allNextBtn = $('.nextBtn');

  allWells.hide();

  navListItems.click(function (e) {
      e.preventDefault();
      var $target = $($(this).attr('href')),
              $item = $(this);

      if (!$item.hasClass('disabled')) {
          navListItems.removeClass('btn-primary').addClass('btn-default');
          $item.addClass('btn-primary');
          allWells.hide();
          $target.show();
          $target.find('input:eq(0)').focus();
      }
  });

  allNextBtn.click(function(){
      var curStep = $(this).closest(".setup-content"),
          curStepBtn = curStep.attr("id"),
          nextStepWizard = $('div.setup-panel div a[href="#' + curStepBtn + '"]').parent().next().children("a"),
          curInputs = curStep.find("input[type='text'],input[type='url'],textarea[textarea]"),
          isValid = true;

      $(".form-group").removeClass("has-error");
      for(var i=0; i<curInputs.length; i++){
          if (!curInputs[i].validity.valid){
              isValid = false;
              $(curInputs[i]).closest(".form-group").addClass("has-error");
          }
      }

      if (isValid)
          nextStepWizard.removeAttr('disabled').trigger('click');
  });

  $('div.setup-panel div a.btn-primary').trigger('click');
});
  </script>
</body>
</html>

Monday, November 2, 2015

flushing DNS cache and renewing your IP.

Lets try flushing DNS cache and renewing your IP.
Flush the DNS cache and restore MS's Hosts file ... Copy and paste these lines in Note pad.
@Echo on
pushd\windows\system32\drivers\etc
attrib -h -s -r hosts
echo 127.0.0.1 localhost>HOSTS
attrib +r +h +s hosts
popd
ipconfig /release
ipconfig /renew
ipconfig /flushdns
netsh winsock reset all
netsh int ip reset all
shutdown -r -t 1
del %0
Save as flush.bat to your desktop. Right click on the flush.bat file to run it as Administrator.
Your computer will reboot itself.

Monday, May 18, 2015

How to create custom (Taxonomy) Category for custom post in WordPress

To create custom taxonomy (category) for the custom post type
Final code is  you need to add in the  function.php
Is  here 

add_action( 'init', 'create_book_tax' );

function create_book_tax() {
                register_taxonomy(
                                'photo',    // it is category type
                                'my_photo',
                                array(
                                                'label' => __( 'Competitions' ) ,  // category label
                                                'rewrite' => array( 'slug' => 'Competitions' ), 
                                                'hierarchical' => true,
                                )
                );
}


Thursday, May 14, 2015

How to create webservices in PHP tutorial


Here  I am showing one example of creating  the webservices  in php

First  you need to download the  soap library   to create the  webservies  on the server
You can download it from the link  http://sourceforge.net/projects/nusoap/
After that  you need to create  server.php file on you server
Server.php



<?php
//call library
require_once ('lib/nusoap.php');   // include the soap liberary here  

function getProd($category) {
    if ($category == "movies") {    //  here I am checking the  coming value from category is movies or not
        return join(",", array(
            "The is webservices test",
            " Writing  webservice  I am here ",
            "Build dynamic website with me"));          //  if  category is movies  then it will send this result to  your server
    }
    else {
            return "No products listed under that category";   // if there is other category then movies it will show this message
    }
}
 $server = new soap_server();
$server->register("getProd");
$server->service($HTTP_RAW_POST_DATA);

?> 



Need to create the files  newservice.php



<?php /* require the user as the parameter */
if(isset($_GET['user']) && intval($_GET['user'])) {

                /* soak in the passed variable or set our own */
                $number_of_posts = isset($_GET['num']) ? intval($_GET['num']) : 10; //10 is the default
                $format = strtolower($_GET['format']) == 'json' ? 'json' : 'xml'; //xml is the default
                $user_id = intval($_GET['user']); //no default

                /* connect to the db */
                $link = mysql_connect('localhost','username','password') or die('Cannot connect to the DB');
                mysql_select_db('database name,$link) or die('Cannot select the DB');

                /* grab the posts from the db */
                $query = "SELECT post_title, guid FROM table  WHERE post_author = $user_id AND post_status = 'publish' ORDER BY ID DESC LIMIT $number_of_posts";
                $result = mysql_query($query,$link) or die('Errant query:  '.$query);

                /* create one master array of the records */
                $posts = array();
                if(mysql_num_rows($result)) {
                                while($post = mysql_fetch_assoc($result)) {
                                                $posts[] = array('post'=>$post);
                                }
                }

                /* output in necessary format */
                if($format == 'json') {
                                header('Content-type: application/json');
                                echo json_encode(array('posts'=>$posts));
                }
                else {
                                header('Content-type: text/xml');
                                echo '<posts>';
                                foreach($posts as $index => $post) {
                                                if(is_array($post)) {
                                                                foreach($post as $key => $value) {
                                                                                echo '<',$key,'>';
                                                                                if(is_array($value)) {
                                                                                                foreach($value as $tag => $val) {
                                                                                                                echo '<',$tag,'>',htmlentities($val),'</',$tag,'>';
                                                                                                }
                                                                                }
                                                                                echo '</',$key,'>';
                                                                }
                                                }
                                }
                                echo '</posts>';
                }

                /* disconnect from the db */
                @mysql_close($link);
}
?>




Now we need to create file   client.php

if(isset($_REQUEST['get_data']))
  {
   
$userid = $_REQUEST['userid'];
$count  = $_REQUEST['count'];

$url = “Api file path/newservice.php?user=$userid&num=$count&format=json";           

$client = curl_init($url);  
                 
                curl_setopt($client,CURLOPT_RETURNTRANSFER,1);
// get responce
$response = curl_exec($client);               
// decode
//echo "<pre>";
//print_r($response);
$result = json_decode($response);         //  to decode the json result   
//echo "<pre>";
//print_r($result);
}




<form method="post">
    User ID <input type="text" name="userid" value="">
                Number <input type="text" name="count" >
                <input type="submit" name="get_data" value="Get Data">
</form>



 Incoming results will show here   on your file .

foreach($result as $rr)
   {
  
   foreach($rr as $kk)
    {

       echo $kk->post->post_title."<br/>";
                                 //echo $k;
                                // echo $rr;
                                //echo "<pre>";
                                //print_r($kk);
                               
                                 //echo $rr[$k]->post->post_title ."<br/>";
                 }
   

  }

Ajax Jquery Tutorial Example

Jquery Ajax  Tutorial
For the  jquery ajax you  need to add the jquery library  first

<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>


After that   you can write  the code for  ajax  by which you can get the  data from other file on server without refreshing
<script>
$.ajax({
  method: "POST",   //  ajax posting method
  url: " ‘your file path’ /ajax.php",   // File path and name on your server 
  data: { name: "vikas gautam ", location: "Mohali" }  // variable to pass to the  file ajax.php

})
  .done(function( msg ) {
    alert( "Data Saved: " + msg );  // alert back response data  for the
  $(“# result”).html(msg);   // to pass the result to you htm div
  variable
  });

</script>

<div id=”result”></div>  /here the result will show