Web Development Articles

Page 786 of 801

Internet Explorer 8 will not modify HTML5 tags in print stylesheet

Riya Kumari
Riya Kumari
Updated on 12-Oct-2022 297 Views

While doing a print style sheet, you need various HTML5 tags like , , , etc., which are used for different layout options to your web page which is to be printed. Chrome, Firefox and Internet Explorer9 enables the users to use such HTML5 tags in their browsers. However, Internet Explorer 6-8, Safari 4x and other such older browsers does not support those tags due to which we can’t apply those layout options in the web page. So, how can we use those HTML5 tags in Internet Explorer 8? For this, you can use html5.shiv. First let’s understand about ...

Read More

How to draw a text with strokeText() in HTML5?

Yaswanth Varma
Yaswanth Varma
Updated on 12-Oct-2022 565 Views

The stroketext() method renders the provided text using the current font, linewidth, and strokestyle properties at the specified place. The path won't be affected by any subsequent fill() or stroke() calls because this method draws directly to the canvas without changing the original route. Syntax Following is the syntax for stroke text in HTML ctx.strokeText(text, x, y, maxWidth); Where, X − The point on the x-axis where the text should start to be drawn, in pixels. Y − The baseline's y-axis coordinate, in pixels, at which to start rendering the text. text − A string containing the text ...

Read More

Fractional font sizes for HTML5 Canvas?

Riya Kumari
Riya Kumari
Updated on 12-Oct-2022 818 Views

HTML5 canvas API enables the developers to write text on an HTML page in the different ways such as in a canvas. Different browsers provide various kinds of font sizes on the HTML5 canvas specially when the font sizes are floating numbers like 2.456 px, 3.4 px etc. So, how to apply fractional font size to a text in an HTML5 canvas? First, let’s see what HTML5 canvas is. What is a HTML5 Canvas? Basically, canvas is rectangular enclosed area in a web page. By default, it has no border and content. The canvas element of HTML5 enables the user ...

Read More

Crop Canvas / Export HTML5 Canvas with certain width and height

Riya Kumari
Riya Kumari
Updated on 12-Oct-2022 2K+ Views

HTML5 canvas allows the users to draw or create 2D graphics in any web page. Suppose you want to crop a part of the canvas created on the web page and export it to any other area of the web page, then you can do it using javascript. For example, you have an image in the canvas and you want to export a part of image of dimension 400px * 260px. In this article, we will learn how to execute the above using few javascript codes. To learn further, let us first considering understanding what HTML5 Canvas is What is ...

Read More

Can I play the same sound more than once at the same time with HTML5?

Riya Kumari
Riya Kumari
Updated on 12-Oct-2022 2K+ Views

Suppose you want to make a quiz app. In it, if you click the wrong option, an audio will be played in the background saying “wrong answer”. But if you click two or more options simultaneously which are wrong, you won’t be able to hear the sound as many times wrong answer is clicked at the same time. So, how to resolve this issue. In this article, you will see if you can play the same sound more than once at the same time with HTML5 or not. The answer is Yes!!! There are two methods for doing so. Let ...

Read More

Creating a responsive Video Player using Video.js

Prince Yadav
Prince Yadav
Updated on 12-Oct-2022 6K+ Views

In this tutorial, we'll look at how to use video.js to create a responsive video player. A responsive video player is one that resizes itself to fit the size of the screen. By creating a responsive video player, we ensure that our video player is never cropped from the sides and is always presented fully, regardless of the device or screen size. Having a consistent player will also enhance the viewing experience of the end user. Let's move ahead to the next section of the article and learn how to make the video player responsive using video.js. Creating a Responsive ...

Read More

Difference between FTP and TFTP

Kiran Kumar Panigrahi
Kiran Kumar Panigrahi
Updated on 22-Aug-2022 5K+ Views

FTP is used for copying files from one host to another host location. FTP works on Port 20 and 21. Port 20 is used for data and Port 21 is used for connection control.TFTP is lighter than FTP and is used when a file transfer functionality is needed without FTP features. It works on Port 69 and follows the UDP protocol.Read through this article to find out more about FTP and TFTP and how they are different from each other.What is FTP?FTP stands for File Transfer Protocol. It is a client/server protocol for sending files to and from a host ...

Read More

How to register a handler to be called when the Ajax request begins using jQuery?

Manav Sarkar
Manav Sarkar
Updated on 20-Jul-2022 601 Views

jQuery is a feature-rich JavaScript library. We can perform a lot of actions with the help of jQuery which would otherwise require writing large pieces of code. It makes DOM manipulation, event handling, animation, ajax, etc. very easy.In this tutorial, we will learn how to register a handler to be called when the first Ajax request begins using jQuery. Ajax requests are typically HTTP requests that are called by the browser for different tasks such as GET, POST, etc. So when the tasks are performed, we can register a handler using the ajaxStart() function of jQuery. This function is always ...

Read More

How to register a handler to be called when all Ajax requests completed using jQuery?

Manav Sarkar
Manav Sarkar
Updated on 20-Jul-2022 1K+ Views

In this tutorial, we will learn how to register a handler to be called when Ajax requests complete using jQuery. Ajax requests are typically HTTP requests that are called by the browser for different tasks such as GET, POST, etc. So when the tasks are performed, we can register a handler using the ajaxComplete() function of jQuery. This function is always triggered when the request is completed.SyntaxUse the following syntax to register a handler after every ajax request −$(document).ajaxComplete(function () {    console.log('Registered handler.') })Explanation − Suppose we have a GET request on an API. When the API returns a ...

Read More

How to check the lock state of a callback list using jQuery?

Manav Sarkar
Manav Sarkar
Updated on 20-Jul-2022 238 Views

In this tutorial, we will learn how to check the lock-state of a callback list using jQuery. The lock is a callback list in jQuery in the current state. We can toggle the lock state so that additional changes cannot be made unless required.SyntaxThe callbacks list is locked and checked as follows −// Get callbacks list at current state var callbacks = $.Callbacks() // Lock the callbacks list callbacks.lock() // Check callbacks is locked or not console.log(callbacks.locked())AlgorithmFirst we receive the callbacks list at the current state using the Callbacks() function.Then we lock it using the lock() function and ...

Read More
Showing 7851–7860 of 8,010 articles
« Prev 1 784 785 786 787 788 801 Next »
Advertisements