What is SDLC? SDLC stands for Software Development Life Cycle, which is a process used by software development teams to plan, design, build, test, and deploy software applications. SDLC is a systematic and structured approach to software development that provides a framework for managing the entire process from start to finish. There are several different …
A design system is a set of standardized guidelines and components that can be used to build a consistent and cohesive user interface for a product or service. It serves as a reference for designers and developers, helping them create a cohesive user experience across different platforms and devices. A design system typically includes elements …
Lets create index.html file which will include the basic html code.Now create a div with class menu and a header tag with class logo and three span tags to make the humburger menu (three lines) which I will animate on toggle and turn into a cross. Middle line (span tag) will fade out on click …
Create a humburger menu using html, css and javascript Read More »
Google Geocoding API to display address details including latitude and longitude Create your own Google API key and update YOUR_API_KEY in the src/script.js https://developers.google.com/maps/documentation/javascript/get-api-key Use HTML, Javascript and CSS Include axios CDN or you can use npm install Inlude bootstrap CDN or use npm install Address search results using Google Geocodig API Step 1 – create an …
Google Maps API to display map with different types of markers for multiple locations First you will need to get Google Maps API key from below link: https://developers.google.com/maps/documentation/javascript/get-api-key Update this API key at YOUR_API_KEY in index.html Step 1 – create an index.html which is used to display map in the div section where id is …
This is a simple todo application design using html, css and vanilla javascript. You will need an editor of your choice to begin with. I usually use vscode with Liveserver extension which helps to view developed application in the browser. First step is to create an html page which will display the todo list. Create …
Create a TODO list design using javascript, html, css Read More »
1) Check Page type using is_page() function 2) Check Page using get_post_type() function 3) Check Page using post() function 4) Check Post type using is_single() function 5) Check Post type using get_post_type() function 6) Check Post type using get_post() function
How to change Add to Cart text for WooCommerce Please follow below steps to change the default “Add to Cart” text for WooCommerce Go to WordPress admin dashboard Go to Appearance Go to Theme Editor Here if you have a child theme then open functions.php file If you don’t have child theme then you can …