HTML

child theme

Boosting web development efficiency with VITE javascript build tool

In the ever-evolving web development landscape, efficiency is key, and VITE emerges as a powerful ally. Let’s explore the distinctive features of VITE through practical code examples, unraveling how it accelerates the development process. Rapid Development with VITE’s Speedy Reloads One of VITE’s standout features is its lightning-fast development server. Witness the difference in reload […]

Boosting web development efficiency with VITE javascript build tool Read More »

Google Geocoding API to display address details

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 Geocoding API to display address details Read More »

Display google maps with different marker icons

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

Display google maps with different marker icons Read More »

Create a TODO list design using javascript, html, css

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 »

What is WebKit? How is it used by browsers and CSS?

WebKit is a HTML web browser rendering engine which is used by Safari and Chrome browsers.It supports custom css properties which can be prefixed with -webkit- For example -webkit-font-size will be replaced by the standard font-size. Below is the list of various other browsers and rendering engines, css-prefix used by them: Browser Engine CSS Prefix

What is WebKit? How is it used by browsers and CSS? Read More »

Form field validations using regex javascript

What is a Regular Expression? As per wikipedia, A regular expression (shortened as regex or regexp; also referred to as rational expression) is a sequence of characters that specifies a search pattern. Create an index.html file where you can add all the form input fields as below. Add name property for the fields which will be accessed in the validation.js to perform regex validations. index.html validation.js

Form field validations using regex javascript Read More »

How to hide or show details using v-if and v-show directive in Vue JS

Conditional rendering can be achieved using v-ifConditional display can be achieved using v-show First create a vue project using vue cli Now change directory start the server Lets start building the VUE component inside src/components/showHide.vue Remove HelloWorld.vue component and register showHide.vue component in App.vue Your showHide.vue component will look like this:

How to hide or show details using v-if and v-show directive in Vue JS Read More »