Author: Awais Farooq
-
CORS
Cross-origin resource sharing (CORS) is a mechanism to allows to load the restricted resources from another domain in web browser For example, suppose we click on HTML5 video player in HTML5 demo section. First, it will ask camera permission, if user allow the permission then only it will open the camera otherwise not. Making a CORS…
-
Web Messaging
Web Messaging is the way for documents to separates browsing context to share the data without Dom. It overrides the cross domain communication problem in different domains, protocols or ports. For example, if we want to send the data from our page to ad container which is placed at iframe or voice-versa, in this scenario, Browser…
-
IndexedDB
The indexedDB is a new HTML5 concept to store the data inside user’s browser. It is more powerful than local storage and useful for applications that requires to store large amount of the data. These applications can run more efficiency and load faster. Why to use indexedDB? The W3C has announced that the Web SQL database is…
-
Microdata
Microdata is a standardized way to provide additional semantics in the web pages. It lets us define our own customized elements and start embedding custom properties in the web pages. The microdata consists of a group of name-value pairs. The groups are called items, and each name-value pair is a property. Items and properties are represented by regular…
-
MathML
MathML in HTML The term MathML stands for Mathematical Markup Language. It was introduced in the year 2015 for embedding mathematical notation and chemical reaction equation into an HTML document. To embed MathML elements inside a web page, we use the HTML <math> tag. MathML elements used in HTML The following table contains a list of MathML…
-
Server Sent Events
Server Sent Events are a way of sending data from a server to a web page, without requiring the page to refresh or make requests. These events are useful for creating real-time applications, such as chat, news feeds, or notifications. Using SSE, we can push DOM events continuously from our web server to the visitor’s browser.…
-
Web Storage
HTML introduces two mechanisms, similar to HTTP session cookies, for storing structured data on the client side, without sending it to the server. These two storage mechanisms are session storage and local storage. Both are collectively part of the HTML5 Web Storage API. They were introduced to overcome the following drawbacks of cookies − To use session storage…
-
WebSockets
WebSockets is a next-generation bidirectional communication technology for web applications which operates over a single socket and is exposed via a JavaScript interface in HTML 5 compliant browsers. After establishing a Web Socket connection with the web server, we can send data from browser to server by calling a send() method, and receive data from server to browser…
-
Web Workers API
JavaScript was designed to run in a single-threaded environment, meaning multiple scripts cannot run at the same time. Consider a situation where you need to handle UI events, query and process large amounts of API data, and manipulate the DOM. JavaScript will hang your browser in situation where CPU utilization is high. Let us take…
-
Drag & Drop API
Drag and Drop (DnD) is powerful User Interface concept which makes it easy to copy, reorder and deletion of items with the help of mouse clicks and movements. This allows the user to click and hold the mouse button down over an element, drag it to another location, and release the mouse button to drop the…