Tips to improve your Credit Score

November 30, 2020 in Tips and Tricks

how to install loopback adapter windows 10

To install the microsoft loopback adapter on win 10 you must:

1. right click on window start menu icon and select Device manager. Device manager window will immediately open (or you may use any other way how to open device manager window)
2. click on Action, and select Add legacy hardware
3. click Next on welcome screen
4. choose “Install the hardware that i manually select from a list” and click on Next
5. scroll down and select Network adapters from offered common hardware types and click on Next
6. select Microsoft as the manufacturer, and then select Microsoft KM-TEST Loopback adapter card model, click on Next
7. click on Next
8. click on Finish

November 28, 2020 in Tips and Tricks

Cross using CSS

strong::after {
    font-weight: 100;
    content: 'X';
    top: 0;
    position: absolute;
    font-size: 106px;
    left: 145px;
    color: red;
}

November 24, 2020 in Tips and Tricks

Pan Card, MICR, IFSC code Validation Example In JavaScript

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>New Example</title>
<script>
function Validation()
{
	//party code
	a=document.getElementsByName("partycode").item(0).value;
var valid=/^[a-zA-Z0-9_]*$/;
if(a.trim().length==0)
{
	alert("party code must be filled out");
	return false;
}
if(!valid.exec(a))
{
alert("only alphanumeric allowed");
return false;
}

//party Name 
	a=document.getElementsByName("partyname").item(0).value;
var valid=/^[a-zA-Z_ ]*$/;
if(a.trim().length==0)
{
	alert("party name must be filled out");
	return false;
}

if(!valid.exec(a))
{
alert("only alpha allowed");
return false;
}


//pan number 
	a=document.getElementsByName("panno").item(0).value;
var valid=/^[a-zA-Z]{5}[0-9]{4}[a-zA-Z]$/;
if(a.trim().length==0)
{
	alert("pan number must be filled out");
	return false;
}

if(!valid.exec(a))
{
alert("ABCDE1234F");
return false;
}


//ifsc code 
	a=document.getElementsByName("ifcscode").item(0).value;
var valid=/^[a-zA-Z]{4}[0-9]{7}$/;
if(a.trim().length==0)
{
	alert("ifsc must be filled out");
	return false;
}

if(!valid.exec(a))
{
alert("NNSB0128051");
return false;
}


}
</script>
<style>
label,input[type="text"]
{
	display:inline-block;
	width:150px;
}

</style>
</head>
<body>
<form name="myForm" method="post" action="" onsubmit="return Validation()">
<div><label>Party code</label>
<input type="text" name="partycode" required="required"></div>
<div><label>Party Name</label>
<input type="text" name="partyname" required="required"></div>
<div><label>PAN No</label>
<input type="text" name="panno" required="required"></div>
<div><label>Bank Account title</label>
<input type="text" name="bankaccounttitle" required="required"></div>
<div><label>Bank Name</label>
<input type="text" name="bankname" required="required"></div>
<div><label>IFCS Code</label>
<input type="text" name="ifcscode" required="required"></div>
<div><label>MICR no</label>
<input type="text" name="micrno" required="required"></div>
<div><button type="submit" name="submit">Kindly Attached a cancel cheque</button></div>
</form>
</body>
</html>

November 24, 2020 in Tips and Tricks

Media Query Example HTML File

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Aditya Kumar Singh</title>
<style>
@media (max-width:1900px)
{
	div{
		background-color:#09AD40;
	}
}
@media (max-width:1300px)
{
	div{
		background-color:#787171;
	}
}
@media (max-width:1280px)
{
	div{
		background-color:#D81114;
	}
}
@media (max-width:1024px)
{
	div{
		background-color:#171515;
	}
}
@media (max-width:800px)
{
	div{
		background-color:#18B02E;
	}
}
@media (max-width:768px)
{
	div{
		background-color:#1922C4;
	}
}
@media (max-width:500px)
{
	div{
		background-color:#7A21C5;
	}
}
@media (max-width:300px)
{
	div{
		background-color:#A46804;
	}
}
</style>
</head>
<body>
<div>
<p>
On the Insert tab, the galleries include items that are designed to coordinate with the overall look of your document. You can use these galleries to insert tables, headers, footers, lists, cover pages, and other document building blocks. When you create pictures, charts, or diagrams, they also coordinate with your current document look.
You can easily change the formatting of selected text in the document text by choosing a look for the selected text from the Quick Styles gallery on the Home tab. You can also format text directly by using the other controls on the Home tab. Most controls offer a choice of using the look from the current theme or using a format that you specify directly.
To change the overall look of your document, choose new Theme elements on the Page Layout tab. To change the looks available in the Quick Style gallery, use the Change Current Quick Style Set command. Both the Themes gallery and the Quick Styles gallery provide reset commands so that you can always restore the look of your document to the original contained in your current template.


</p>
</div>
</body>
</html>

November 23, 2020 in Tips and Tricks

languages used on internet

All other languages are used in less than 0.1% of websites. Even including all languages, percentages may not sum to 100% because some websites contain multiple content languages.

InternetWorldStats estimates of the number of Internet users by language as of March 31, 2020:

November 18, 2020 in Tips and Tricks

animation media kit for css

code for css file

div.at-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.at-item {
  color: #3079ed;
  animation-name: focus-in-contract;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: none;
}
@keyframes focus-in-contract {
  0%{
    letter-spacing: 1em;
    filter: blur(12px);
    opacity: 0;
  }
  100%{
    filter: blur(0);
    opacity: 1;
  }
}

CSS properties allows us to change style of HTML element smoothly. CSS3 introduce two keywords for animation:
@keyframe and animation. Both properties can bind with any HTML element like text, div, span etc.

(1) @keyframe has a collection of CSS style properties. It is like a timeline of CSS styles.
(2) animation property can control keyframes execution sequence.

Select any predefined samples from top panel. Below samples there is a timeline of @keyframes. Timeline has 101 keyframes ( 0% to 100%) direction from left to right. Highlighted keyframe indicate that some style is assigned to that point. You can add new style at selected point.

animation properties
name: name of the animation
duration: total running time of animation ( in seconds or milliseconds )
timing-function: change the running speed ( slow start to fast end, fast to slow etc )
delay: wait few seconds or milliseconds before animation start
iteration-count: how many time repeat loop
direction: run animation in normal or reverse direction.
fill-mode: any other style apply to element before animation start or after animation end

code for html file

<div class='at-container'>
  <h1 class='at-item'>Animation
  </h1>
</div>

November 17, 2020 in Tips and Tricks

remove padding right from body when modal

.modal-open {
    overflow: auto;
    padding-right: 0 !important;
}

A lot of the other solutions given here break that feature, and make your content shift slightly about when the modal opens. This solution will preserve the feature of the bootstrap modal not shifting content around, but fix the bug. This is a pure css solution that keeps the bootstrap functionality as it should be.