Edge Side Includes (ESI) is a small markup language for edge level dynamic web content assembly. The purpose of ESI is to tackle the problem of web infrastructure scaling. It is an application of edge computing. More details can be found on wikipedia ESI element tags are inserted into HTML or other text based content […]
What is Edge Side Includes? Read More »
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 »
~ Tilde: ~ freezes major and minor numbers. It is used when you’re ready to accept bug-fixes in your dependency, but don’t want any potentially incompatible changes. The tilde matches the most recent minor version (the middle number). ~1.2.3 will match all 1.2.x versions, but it will miss 1.3.0. Tilde (~) gives you bug fix releases ^ Caret: ^ freezes
What is caret (^) and tild(~) in version control Read More »
I am trying to clone a Github repo but getting below proxy error on Mac Pro. I have not configured any proxy server. To solve this issue, I had to reset all configurations as below:
Received HTTP code 400 from proxy after CONNECT Read More »
What is NODE.JS? NodeJS is a javascript runtime, its not a language or framework It is built on V8 javascript engine same as google chrome It is written in C++ It allows you to run javascipt code on the server Why should you use NODE? It’s extremely fast, efficient and scalable It uses event driven,
Tools to check javascript security vulnerabilities 1) npm installIf you are using npm install in your application, make sure you keep all packages updated to the latest versions. 2) Snyk toolYou can signup for Synk tool for free and add repo to check issues.Synk can be integrated with Github repository and it can create pull
Javascript security vulnerabilities checklist 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 Geocoding API to display address details Read More »
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 »
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 »
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 »