Vue can be defined as a progressive framework for building the user interfaces. It has multiple directives that can be used as per the user needs. The basic core library is mainly focused on building the view layer only and is also easy to pick up other libraries or integrate with them. The vue components provides the filter functionality to filter out the requests and response that lets the user to apply different formatting and transformations to the template dynamic data. Filters are used in two places : mustache interpolation and v-bind expressions. Functions are appended in the end of ... Read More

In a Vue.js application there may be data or utilities that are used in many components, but you don’t want to change its scope and keep its value same for all the components. These types of variables are called the global variables. In such cases, the user can use the following syntax for defining the prototype − Vue.prototype.$appName = 'My App' Now this $appName will be available on all the Vue instances, even before creation. The $ defined before the appName is the convention used for properties that are available to all the instances. The user can also ... Read More

In this tutorial, we'll learn about the various event listeners and how to use them with callback functions for a video.js player. Video.js is a popular, open-source library used for creating video players in browsers. Using video.js you can tweak every single part of a video player without much problems or hassle. Aside from that, video.js provides a plethora of default events like play, pause, playing, loadedmetadata, timeupdate, canplaythrough, loadeddata etc. So, for the purpose of this tutorial, we're going to learn about the callback functions of various event listeners in video.js. Callback functions are really crucial as they are ... Read More

In this tutorial, we're going to learn how to initially mute videos in the video.js player. For this tutorial, we're not going to make use of the standard HTML tags like 'muted' which are available for a video element, instead, we're going to use the method specific to video.js. So, let's move on to the subsequent section of this tutorial and understand how to initially mute videos in the video player using just video.js. For muting the videos of our video.js player, we'll make use of the 'muted' method and 'volume' method provided by video.js. We can make use ... Read More

Video.js is a powerful tool for working with video on the web, providing a common interface for different types of video players including HTML5, Flash, and others. It is designed to be easy to use and customize, with a wide range of options for controlling the look and feel of the player. In this tutorial, we will show how you can set up a full video background for a video player using this open-source JavaScript library called video.js. For the purpose of this tutorial, we will focus on how to set up a full video background using video.js. This can ... Read More

In this tutorial, we will show how you can get the buffer percentage of a video in video.js and use a callback function when the video has buffered more than 50%. Video.js is a well-known online video player JavaScript toolkit that is used to create web browser video players for a range of video formats. Video.js is a very flexible and customizable library to create modern web video players. It supports a wide range of packages, plugins, and options. Using video.js any part of an HTML video player can be configured as per your liking. For the purpose of this ... Read More

The development of intuitive and user-friendly interfaces is an integral facet of contemporary web design. As web technologies persist in evolving, programmers must keep pace with the latest patterns and resources to offer users the optimal experience. One popular solution for creating interactive mobile-friendly interfaces is jQuery Mobile, a user interface framework built on top of the jQuery library. In this article, we will explore the process of creating a Mini Fieldcontain flip toggle switch using jQuery Mobile. By the end of this tutorial, you will have a solid understanding of how to use jQuery Mobile to create this unique ... Read More

Formulating mailto and telephone connections in HTML may be a straightforward and efficacious technique to enable virtual guests to promptly communicate with your enterprise. These links furnish a convenient modus operandi for users to transmit an electronic message or establish a phone conversation directly from your webpage, sans the arduous chore of typing out your contact details. This manuscript will comprehensively discuss the necessary procedures to actualize both mailto and phone links in HTML, equipping you with the essential mechanisms to affix these expedient links to your personal website. Mailto Link A mailto link in HTML allows you to create ... Read More

In the world of mobile web development, creating lists and links that are both functional and visually appealing is crucial for user engagement. jQuery EasyUI Mobile, a robust JavaScript framework, offers developers the tools to achieve this objective with ease. While some may find the process of creating lists and links with jQuery EasyUI Mobile daunting, mastering this skill is crucial for crafting high-quality mobile web applications. In this article, we will explore the step-by-step approach to creating lists and links using jQuery EasyUI Mobile, delving into the underlying syntax and parameters that allow developers to create captivating and dynamic ... Read More

Crafting internal links within a web page in HTML has a positive impact on user experience, as it enhances the navigation for the website guests. By exploiting the id attribute and the a tag, one can effortlessly establish connections to certain portions of a web page, facilitating speedy access to required information without the tedious task of scrolling through the entire page. In this write-up, we will take you through the necessary procedures to devise such links that exist within a single webpage, using HTML. Syntax … Id Attribute The identifier attribute in HTML is leveraged to recognize an ... Read More