What’s New Features In Adobe Photoshop CC 2020 A powerful image editing application with Photo effects, automatically Different customization brushes and rich palettes in Photoshop cc 2020 Automatically colorize your photos One-click subject selection in Photoshop cc 2020 Smooth skin automatically Rich set of tools for handling the colors in Photoshop CC […]
Simple Jquery Responsive Dropdown Menu Step By StepSimple Jquery Responsive Dropdown Menu Step By Step
Simple Jquery Responsive Dropdown Menu Step By Step HTML CODE <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <title>jQuery Move DIV Element with Arrow Keys</title> <meta name=”viewport” content= “width=device-width, initial-scale=1.0″> <script src=”jquery-3.4.1.min.js”></script> </head> <body> <div class=”s1″> <div class=”d1″> <div class=”a1″>Home</div> <div class=”a1″>Contact</div> <div class=”a1″>About</div> <div class=”a1″>Blog</div> </div> <div class=”d2″> <div class=”c1″></div> <div class=”bb”> <div class=”b1″>Home</div> <div […]
Simple Jquery UI Accordion Step By StepSimple Jquery UI Accordion Step By Step
Simple Jquery UI Accordion Step By Step HTML CODE <!doctype html> <html> <head> <meta charset=”utf-8″> <title>Untitled Document</title> <script src=”js/jquery-3.3.1.min.js”></script> <script src=”js/jquery-ui.min.js”></script> <link href=”js/jquery-ui.min.css” rel=”stylesheet”> </head> <body> <div class=”sanjay”> <h3>Home</h3> <p> Web design is an essential part of everyone may be in any form as social media, entertainment and downloading things for educational purpose in the […]
Simple Jquery UI Tabs Step By StepSimple Jquery UI Tabs Step By Step
Simple Jquery UI Tabs Step By Step HTML CODE <!doctype html> <html> <head> <meta charset=”utf-8″> <title>Untitled Document</title> <script src=”js/jquery-3.3.1.min.js”></script> <script src=”js/jquery-ui.min.js”></script> <link href=”js/jquery-ui.min.css” rel=”stylesheet”> </head> <body> <div class=”sanjay”> <ul> <li><a href=”#a1″>Home</a></li> <li><a href=”#a2″>About</a></li> <li><a href=”#a3″>Contact</a></li> </ul> <div id=”a1″> a-1Web design is an essential part of everyone may be in any form as social media, entertainment […]
Simple Jquery UI Menu Multilevel Step By StepSimple Jquery UI Menu Multilevel Step By Step
Simple Jquery UI Menu Multilevel Step By Step HTML CODE <!doctype html> <html> <head> <meta charset=”utf-8″> <title>Untitled Document</title> <script src=”js/jquery-3.3.1.min.js”></script> <script src=”js/jquery-ui.min.js”></script> <link href=”js/jquery-ui.min.css” rel=”stylesheet”> <style> .ui-menu{ width:200px; } li{ width:198px; height:50px; border:1px solid black; } </style> </head> <body> <ul class=”sanjay”> <li>home</li> <li>home1 <ul> <li>homea</li> <li>homeb <ul> <li>homea <ul> <li>homea</li> <li>homeb</li> <li>homec</li> <li>homed</li> </ul> </li> […]
Simple Jquery UI Menu Step By StepSimple Jquery UI Menu Step By Step
Simple Jquery UI Menu Step By Step HTML CODE <!doctype html> <html> <head> <meta charset=”utf-8″> <title>Untitled Document</title> <script src=”js/jquery-3.3.1.min.js”></script> <script src=”js/jquery-ui.min.js”></script> <link href=”js/jquery-ui.min.css” rel=”stylesheet”> <style> .ui-menu { width: 200px; } li{ width:198px; height:50px; border:1px solid black; } </style> </head> <body> <ul id=”sanjay”> <li><a href=”#”>Home</a></li> <li><a href=”#”>About</a></li> <li><a href=”#”>Courses</a> <ul> <li><a href=”#”>Core Java</a></li> <li><a href=”#”>J2EE</a></li> <li><a […]
Simple Jquery UI Datepicker With Set Date Step By StepSimple Jquery UI Datepicker With Set Date Step By Step
Simple Jquery UI Datepicker With Set Date Step By Step H HTML CODE <!doctype html> <html> <head> <meta charset=”utf-8″> <title>Untitled Document</title> <script src=”js/jquery-3.3.1.min.js”></script> <script src=”js/jquery-ui.min.js”></script> <link href=”js/jquery-ui.min.css” rel=”stylesheet”> </head> <body> <input type=”text” class=”date”><br> </body> </html> JAVASCRIPT CODE $(“.date”).datepicker(); $( “.date” ).datepicker(“setDate”, “1Y+1M+2W+2”);
Simple Jquery UI Datepicker Step By StepSimple Jquery UI Datepicker Step By Step
Simple Jquery UI Datepicker Step By Step HTML CODE <!doctype html> <html> <head> <meta charset=”utf-8″> <title>Untitled Document</title> <script src=”js/jquery-3.3.1.min.js”></script> <script src=”js/jquery-ui.min.js”></script> <link href=”js/jquery-ui.min.css” rel=”stylesheet”> </head> <body> <input type=”text” id=”date”><br> </body> </html> JAVASCRIPT CODE $(“#date”).datepicker();
JQuery Simple Accordion Step By StepJQuery Simple Accordion Step By Step
JQuery Simple Accordion Step By Step HTML Code <!doctype html> <html> <head> <meta charset=”utf-8″> <title>Untitled Document</title> <script src=”jquery-3.4.1.min.js”></script> </head> <body> <div class=”s1″></div> <div class=”s2″></div> <div class=”s3″></div> <div class=”s4″></div> <div class=”s5″></div> <div class=”s6″></div> <div class=”s7″></div> <div class=”s8″></div> <script src=”myjs.js”></script> </body> </html> CSS Code .s1,.s3,.s5,.s7{ width:600px; height:50px; background-color:red; border:1px solid black; } .s2{ width:602px; height:300px; background-color:green; } […]
Prespective in HTML CSSPrespective in HTML CSS
Prespective in HTML CSS
Transform Translate Move in HTML CSSTransform Translate Move in HTML CSS
Transform Translate Move in HTML CSS Html Code <div class=”s1″></div> CSS Code .s1{ width:300px; height:300px; margin-left:200px; margin-top:200px; background-color:red; transform:rotate(0px,0px); transition:1s; } .s1:hover{transform:translate(100px,100px); transition:1s; }
Transform Skew in HTML CSSTransform Skew in HTML CSS
Transform Skew in HTML CSS HTML Code <div class=”s1″></div> CSS Code .s1{ width:300px; height:300px; margin-left:200px; margin-top:200px; background-color:red; transform:skew(0deg,0deg); transition:1s; } .s1:hover{transform:skew(30deg,30deg); transition:1s; }