Top 10 Trends For Web Development In 2020 Online Support. PWAs(Progressive Web Apps). Web Design should be Responsive . Message pop-up With Websites. Quick Answer With Voice Search. Static Websites And Single-Page Websites. MUI (Motion User Interface). Photographic Content. Eliminating Flash Player. Design Elements. Learn More sanjaywebdesigner.com
Category: Web Development Tutorials
Web Development Tutorials
What’s New Features in PHP 7.4What’s New Features in PHP 7.4
0 Comment December 8, 2019December 8, 2019
What’s New Features in PHP 7.4 PHP 7.4 is a last version before PHP 8. It comes with lots of new features, syntax additions and fixes. It was be released on November 28, 2019. In this post you’ll get a list with everything that’s new and changed to help you prepare for the upgrade. […]
Simple Step By Step Javascript CalculatorSimple Step By Step Javascript Calculator
0 Comment December 5, 2019December 5, 2019
HTML Code <!DOCTYPE html> <html> <head lang=”en”> <meta charset=”UTF-8″> <title></title> <script src=”js/calcmodel.js”></script> <script src=”js/calccontroller.js”></script> </head> <body> <input type=”text” id=”firstNo” placeholder=”Type First Number”/> <input type=”text” id=”secondNo” placeholder=”Type Second Number”/> <button id=”addBt” data-operation=”+”>Add</button> <button id=”subtractBt” data-operation=”-“>Subtract</button> <button id=”mulBt” data-operation=”*”>Multiply</button> <button id=”divBt” data-operation=”/”>Divide</button> <h1>Result is <span id=”result”></span></h1> </body> </html> In Js Folder calcmodel.js var calcObject = { add:function […]
New Web Design Trends For 2020New Web Design Trends For 2020
0 Comment November 28, 2019November 28, 2019
New Web Design Trends For 2020 Blocks solid color. Grid and windows are exposed. Forms of Full screen. Layers get overlap. Tailored illustration. Motion & inter activity. Type and elements are Oversized. Splits the screen contents.
Simple Jquery Responsive Dropdown Menu Step By StepSimple Jquery Responsive Dropdown Menu Step By Step
0 Comment September 11, 2019September 11, 2019
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
0 Comment September 7, 2019September 7, 2019
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
0 Comment September 7, 2019September 7, 2019
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
0 Comment September 7, 2019September 7, 2019
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
0 Comment September 7, 2019September 7, 2019
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
0 Comment September 7, 2019September 7, 2019
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
0 Comment September 7, 2019September 7, 2019
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
0 Comment September 3, 2019September 3, 2019
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; } […]