html head section

Definition of HTML Head Section HTML <head> tag is a Container Tag. All Header element contains like general information about web page, meta-information, Title of page, style sheet URL, Script URL and document type information etc. HTML <head> tag inside elements does not display in body part on web browser. HTML <head> tag inside Elements […]

Introduction of HTML and what is HTML and why use to HTML

In this article we will discuss on Introduction of HTML and what is HTML and why use to HTML. What is HTML? HTML is a Hiper Text Markup Language. HTML is a language made for creating the web pages for the websites. By using HTML language the even a child can make his web pages […]

Javascript code for validate radio button

Javascript code for validate radio button <html> <head> <script> function Submit(){ if(document.form.radiobutton[0].checked == false && document.form.radiobutton[1].checked == false){ document.getElementById(“errorBox”).innerHTML = “select your gender”; return false; } } </script> </head> <body> <form name=”form” > <input type=”radio” name=”radiobutton” value=”Female”> <label >Female</label> &nbsp;&nbsp;&nbsp; <input type=”radio” name=”radiobutton” value=”Male”> <label >Male</label> <div> <p id=”sign_user” onClick=”Submit()”>Sign Up </p> </div> </form>

Javascript code for prevent user to enter only alphabet’s

This is a javascript code for prevent user to enter only alphabet’s in a textbox….. <html> <head> <script type=”text/javascript” src=”http://code.jquery.com/jquery-1.8.2.js”></script> <script> function Submit(){ var fnameRegex = /^[a-zA-Z]*$/; var lnameRegex = /^[a-zA-Z]*$/; var fname = document.form.Name.value, lname = document.form.LastName.value; if( fname == “” ) { document.form.Name.focus() ; document.getElementById(“errorBox”).innerHTML = “enter the first name”; return false; }else […]

JavaScript code for prevent user to enter valid email address

JavaScript code for prevent user to enter valid email address <html> <head> <script type=”text/javascript” src=”http://code.jquery.com/jquery-1.8.2.js”></script> <script> function Submit(){ fcontact=document.form.contact.value; var emailRegex = /^[A-Za-z0-9._]*\@[A-Za-z]*\.[A-Za-z]{2,5}$/; femail = document.form.Email.value, freemail = document.form.enterEmail.value; if (femail == “” ) { document.form.Email.focus(); document.getElementById(“errorBox”).innerHTML = “enter the email”; return false; }else if(!emailRegex.test(femail)){ document.form.Email.focus(); document.getElementById(“errorBox”).innerHTML = “enter the valid email”; return false; } […]

JavaScript code for prevent user for enter only numbers

JavaScript code for prevent user for enter only numbers This is a JavaScript code for prevent user for enter only numbers in text box…… <html> <head> <script type=”text/javascript” src=”http://code.jquery.com/jquery-1.8.2.js”></script> <script> function Submit(){ fcontact=document.form.contact.value; if( fcontact == “” ) { document.form.contact.focus() ; document.getElementById(“errorBox”).innerHTML = “enter the contact number”; return false; } } $(function () { $(‘#contact’).keydown(function […]

CSS transitions CSS transforms and CSS hover animation

CSS transitions CSS transforms and CSS hover animation One image to another, on hover effect. First up, the HTML markup. Without CSS enabled, you just get two images. Remember to add alt text for production use. <div id=”cf”> <img class=”bottom” src=”http://learn4better.com/images/contact.png” alt=”css transform animation” /> <img class=”top” src=”http://learn4better.com/images/learn4better_home.jpg” alt=”css hover transform annimation” /> </div> Then […]

transitions and 3d transforms

transitions and 3d transforms Put an image on top of a div inside a container. Put that in another container with perspective defined. When hovering on the outside container, add a rotate around the Y axis to the inside container First, the markup. <div id=”f1_container”> <div id=”f1_card” class=”shadow”> <div class=”front face”><img src=”http://phpkida.com/phpkida1.png” alt=”” /></div> <div […]

Tools:

Crypto Currency

PHPKIDA provides free online the best real-time crypto market price, news, predictions, index with graphs & historical data for 2000+ coins including bitcoin, ethereum, & altcoins from major cryptocurrency exchanges.

Visite Tool

Icon Generator

PHPKIDA provides free online icon generator. Our icon generator help you to edit, modify, resize and customize icon for your website and applications. Convert to a shap you like add icon border, you can change icon border color, border size, background color, icon shadow, icons color, icon size in your own way and save it as a png image.

Visite Tool

Youtube Video Downloader

PHPKIDA provides Free online YouTube video downloader to download YouTube videos quickly in MP4, 3GP, and more. Search your video and free fast download youtube videos.

Visite Tool

Sign up for weekly update

Milkshake is almost ready. If you're interested in testing it out, then sign up below to get exclusive access.