Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
-
Economics & Finance
Web Development Articles
Page 785 of 801
Can scripts be inserted with innerHTML?
In this tutorial, we will learn that can scripts are inserted with innerHTML. There are various properties in JavaScript that help in working with the HTML of the current page. The innerHTML property in JavaScript is used to add the Html to the element. It also returns the content present in an element. Scripts are the programs or codes of JavaScript that makes a webpage interactive and dynamic. We can add the script in the script tag on the same page or another JavaScript page linked with an HTML file. The HTML is inserted in the innerHTML property for an ...
Read MoreHow to Play .mp4 file using Video.js Player?
In this tutorial, we're going to learn how to play an mp4 file using the video.js player library. Video.js is a very popular and modern web video player which has been developed keeping the HTML5 world in mind. It supports a wide range of video playback formats like mp4, webm, flv, etc., and other modern video formats also like YouTube, Vimeo, and Flash. Video.js also makes sure that the video player is consistent across all display sizes like desktop, computer, and mobiles. In this tutorial specifically, we'll have a look at creating a video player for our mp4 video files ...
Read MoreHow to add subtitles in video using Video.js?
In this tutorial, we're going to learn how to add subtitles to a video using the video.js library. Subtitles, often known as captions, are lines of speech or other text that appear at the bottom of the video. Adding subtitles to the video really enhances the video experience for the viewers who are deaf or hard-of-hearing. Adding subtitles using video.js is very easy and furthermore, video.js allows crossbrowser implementation of the subtitle. Let's learn how to add subtitles to our video using video.js in the next section of the video. How to Add Subtitles in Video Using Video.js? Subtitles, also ...
Read MoreSeveral distinct caches for a single URL in HTML Cache?
Content caching is an effective way for fast and smooth user experience. Every URL in a web page can be linked to a single cache manifest section. However, there are certain large and rarely used files which decreases the overall speed of the Cache. Since they do not need to be changed but still gets re-downloaded every time the Cache gets updated, it is better to have such files in different cache with same URL. This will increase its speed and performance. So, how to spilt HTML cache? Before that, let’s understand what an HTML cache is. What is an ...
Read MoreIs there a way to resize image with "nearest neighbour" resampling in HTML5?
Resizing an image is one of the cumbersome tasks since it affects the performance of your website. In case of online photos, size is of great importance. Generally, users prefer small size images since it takes less time to load even with moderate internet connections. If the image is too big, your page may become unresponsive for some time. Web pages with uniformly sized images are attractive and appealing. Hence, it is essential to upload images of appropriate size to your website. Resizing VS Resampling Changing the size that is, height and width, of an image to be printed ...
Read MoreHTML5 input type range for vertical orientation possible in Firefox?
In a thermometer, as the temperature increases, the mercury in it rises up too. Vice versa is the case for lowering the temperature. Similarly, if you want to create such effect on a webpage, it is done by the range type of input element in HTML5. This is known as range for vertical orientation. The most common use of the slider input is when we know the lower and higher margins. For instance, if we are developing a website that records the temperature of different places. You can have the temperatures as a sliding input range. It was possible to ...
Read MoreHTML5 date field and placeholder text in Safari
If you want to add a date picker which includes the year, month and day, in your webpage, then HTML5 facilitates a “date” field for you. It is a type in element. It works well in various web browsers like Google chrome, Internet Explorer and Firefox. Here we are going to learn about how it works in Safari which is also a web browser. First let’s see about Safari. Safari Safari is a graphical web browser developed by Apple for its users. It is basically an open source software, specifically designed for all Apple devices. It runs on ...
Read MoreHow to use drag and drop in HTML5?
Grabbing an object and moving it to a different position is made simpler with the drag and drop idea, which is very dynamic and user-friendly. This enables the user to click and drag an element to another position before letting go of the mouse button to drop it there. Drag and drop events Drag and Drop event consists of various types of events, some of them are listed below. ondrag − is a term used in HTML to describe when an element or text selection is being moved around. ondragstart − is a function that is called when a ...
Read MoreHTML5 Canvas fit to window
When you view a webpage containing canvas in different screens like that of mobile, pc, desktop or tablet, the size of the screen changes each time. So, it is necessary that the canvas resizes itself according to the screen for better user experience. In this article, we will learn how to resize an HTML5 canvas to fit the window. Let us first understand more about HTML5. HTML5 HTML (Hyper Text Markup Language) is a standard markup language for web pages. Using HTML, you can create your own website. HTML5 is the updated version of HTML with advanced technology used in ...
Read MoreHow to handle errors in HTML5 Web Workers?
Suppose you want the browser to do complex calculations on web page on clicking a word. This will take time. So, the web page will become unresponsive until the operation is completed. You need something which will do the required operation silently without affecting the user interface. So, how to solve this problem. In this article, we will discuss about how to solve such issues. The solution is Web workers. But what is a web worker? Let’s see. What is a Web Worker? A web worker is an object consisting of Javascript codes which runs behind the web page ...
Read More