Web Development Articles - Page 862 of 1049

You can use SVG to create a World Map and work with raphaeljs.Firstly, learn how to add Raphael.js, and create a circle,var paper = Raphael(10, 50, 320, 200); // drawing circls var circle = paper.circle(50, 40, 10); circle.attr("fill", "#f00"); circle.attr("stroke", "#fff");Then refer the following to create a World Map.

The following are some of the best frameworks for HTML5 based mobile development −Kendo UIUse Kendo UI to develop an invaluable cross-platform mobile application.BootstrapBootstrap supports HTML, CSS, and JS that allows developing mobile apps with responsive layouts.IonicIonic is an open-source framework used for developing mobile applications. It provides tools and services for building Mobile UI with a native look and feel. The ionic framework needs a native wrapper to be able to run on mobile devices.Sencha TouchSencha Touch is a mobile application framework to develop user interface for mobile apps using HTML5, CSS3, and JavaScript. It assists the developers in ... Read More

Recreate the socket to reconnect it. The websockets are designed to stay open. You can also go with the method to have the server close the connection. Through this, the websocket will fire an onclose event and would amazingly continue attempting to make the connection.In addition, when the server is listening again the connection will be automatically reestablished.ExampleYou can try to run the following code to reconnect to WebSocket −// Socket Variable declaration var mySocket; const socketMessageListener = (event) => {    console.log(event.data); }; // Open const socketOpenListener = (event) => {    console.log('Connected');    mySocket.send('hello'); }; // Closed ... Read More

This article will teach us that button HTML tags outside of a form are valid. Before we get started, let's talk a little about the HTML tag. HTML tag An HTML is made using the element. Between the opening and closing tags, any text will be shown as text on the button. Syntax Following is the syntax for HTML tag Anywhere in the document body where text-level markup is allowed, a button element is acceptable. such an element is not required to be related to a form element. Although a button element has a ... Read More

Every time a new version of HTML is released, additional features and support for various website elements are introduced. The most recent HTML version, HTML5, is utilised on all current web pages. While bringing new markups and APIs for complex web applications, HTML5 also supports the currently used markups. Why To Use HTML5 HTML5 was developed to handle multimedia elements in complicated online applications. More new tags and support elements, including form, semantic characteristics, and several more, are offered. HTML5 has a number of elements that make it user−friendly, including − Cleaner code structure − Only the div tag was ... Read More

Use the pushSate object to update the page when the user navigates back through history. Let us see an example to include the selected color that creates a history entry −function display(color) {    var myState = { selectedColor: color },    myTitle = "Page title",    myPath = "/" + color;    history.pushState(myState, myTitle, myPath ); };Now we will use the popstate event to update the selected color −$(window).on('popstate', function(event) {    var myState = event.originalEvent.state;    if (statemyState {       selectColor( myState.selectedColor );    } });

The task we are going to perform in this article is about HTML5 canvas drawings like lines are looking blurry. We observe blurry effects because different device’s pixel ratios are varied. The browser or device using to view the canvas frequently affects how blurry the image is. The gadget Pixel Ratio of Window interface returns the proportion of the display device's physical pixels to its CSS pixels for resolution. This number can also be understood as the proportion of physical to CSS pixels, or the size of one pixel to another pixel. Let’s dive into the following examples to ... Read More

For client-side processing and uploading, you can try to run the following code −

To achieve your goal for HTML5 Server-Sent Events −Try polyfillIt would work for IE10 and IE11 as well. It starts with −if ("EventSource" in global) return;It only runs in web browsers that do not support EventSource.Refer the following GitTry websockets Works for IE10 and IE 11 and it also provides bi-directional communication options.