How to give animation on the button when it is clicked using SASS and jQuery ?

Hi guys in today’s post I’m going to show you guys how to give animation on the button when user click on it.
So I uploaded the live example on the codepen from where you can see and can edit the file and make some more awesome stuff.

Click here to visit the pen.

How to make fully responsive todo list using jQuery ?

Hello amazing people! Today I’m gonna share my todo list code here. Well this todo list is so basic there is no database connectivity its only the design but yeah you can add the items by clicking on the add button, edit them by clicking on the particular title and delete them by clicking on the trash icon which is in the right of all the titles.

Follow the link to see the output http://codepen.io/mukul6996/full/LNKoqx

Copy and paste the following code in one page and save it with the html extension.
And your output will look like this:-

mytodo

 

 

Click here to get Code

 

 

Instructions to use

To add items:- Click on the add button “+” on the top-right corner.

To edit items:- Click on the label/title and then start typing. Click any where on the screen to save the item you typed.

To delete  items:- Click on the delete button (looks like a trash icon) on the right corner of your particular item.

Share it if this is helpful ūüôā

On the web:- http://codepen.io/mukul6996/full/LNKoqx

How to make Age Counter through PHP ?

Description:- Through this example you can easily find out how many years, how many months, and how many days old are you. Just select the date and click on the button and it will reveal how exactly old are you.

<?php 
if(isset($_REQUEST['sub']))
{
//Defining variables in which we'll store the values of the given HTML fields
$dd=$_REQUEST['day'];
$mm = $_REQUEST['month']; 
$yy = $_REQUEST['year'];
$ddd=date_create("$yy-$mm-$dd");

//Defining variables in which we'll insert the current date
$rm=date('m');
$ry=date('Y');
$rd=date('d');
$zzz = date_create("$ry-$rm-$rd");

// Through date_diff() function we can calculate the difference of $ddd & &zzz
$dif = date_diff($ddd,$zzz);
$day= $dif->d;
$mon = $dif->m;
$yr = $dif->y;

$msg="You are exactly $yr years, $mon months & $day day old.";
}
?>
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<center>
<form action="<?php echo $_PHP_SELF; ?>" method="post">
    
    <select name="day">
        <option selected>Day </option>
            <?php
                for($a=1; $a<=31; $a++)
                {
                    echo "<option value=$a>".$a."</option>";
                }
              ?>
        </select>
        
        <select name="month">
            <option selected>Month</option>
            <?php
            $month=array("Jan", "Feb", "Mar", "April", "May", "June", "July", "Aug", "Sep", "Oct", "Nov", "Dec");
                foreach($month as $m)
                {
                    echo "<option value=$m>".$m."</option>";
                }
            ?>
        </select>
        <select name="year">
            <option selected>Year</option>
            <?php
                for($b=1970; $b<=2015; $b++)
                {
                    echo "<option value=$b>".$b."</option>";
                }
             ?>
        </select>
    <br/><br/>
<input type="submit" name="sub" value="Tell me how old I'm? "/>
</form>
<h1 style="color:rgba(0,102,255,1)"><?php echo $msg; ?> </h1>
</center>
</body>
</html>