Found 598 Articles for Front End Scripts

Configuring any CDN to deliver only one file no matter what URL has been requested

Nitya Raut
Updated on 30-Jul-2019 22:30:22

151 Views

Use any CDN to deliver your purpose. You can use CloudFlare as a reverse proxy between your users and the CDN to fulfill your purpose.You can also create a rule that redirects whatever you want to index.html. This is how you can what you want considering that CDNs are configured to serve only static existing files as you know.Content Delivery Network (CDN) puts stuff like blobs and other static content in a cache. The process involves placing the data at strategically chosen locations and caching it. As a result, it provides maximum bandwidth for its delivery to users. Let us ... Read More

Android 4.0.1 breaks WebView HTML 5 local storage?

Lakshmi Srinivas
Updated on 25-Jun-2020 07:09:42

277 Views

To solve this problem, follow the below-given steps −For android versions less than 4.4, loading data into a webview with a file scheme as a directory like this won’t work.browser.loadDataWithBaseUrl("file:///android_asset/", html, "text/html", "UTF-8", null);Add a filename and it works on older Android versions −browser.loadDataWithBaseUrl("file:///android_asset/new.html", htmlContent, "text/html", "UTF-8", null);You can use the following too, in case your URL is http://www.demo.com −browser.loadDataWithBaseURL("http://www.demo.com", htmlContent, "text/html", "utf-8", null);

HTML5 video not working with jquery bxSlider plugin on iPad

Arjun Thakur
Updated on 25-Jun-2020 07:10:16

204 Views

To make it work, download the bxslider plugin from the official website. Get an images folder from the downloaded bxslider zip and you need to paste it into js folder of your project.All the folders will now look like − The above should solve your problem.

How to draw a 3D sphere in HTML5?

karthikeya Boyini
Updated on 25-Jun-2020 06:45:24

755 Views

To create a 3D sphere, use the HTML5 canvas. You can use the following function in your code:function display(r) {    this.point = new Array();    this.color = "blue)"    this.r = (typeof(r) == "undefined") ? 20.0 : r;    this.r = (typeof(r) != "number") ? 20.0 : r;    this.vertexes = 0;    for(alpha = 0; alpha

What HTML5 File.slice method actually doing?

Ankith Reddy
Updated on 25-Jun-2020 06:46:49

226 Views

The HTML5 file Blob.slice() method is useful for creating a Blob object containing the data. This data is in the specified range of bytes of the source Blob.Let us see an example to send and receive binary data using slice(). This example sends a text and uses the POST method to send the "file" to the server −var val = new XMLHttpRequest(); val.open("POST", url, true); val.onload = function (event) { }; var blob = new Blob(['demo'], {type: 'text/plain'}); val.send(blob);

How to best display HTML5 geolocation accuracy on a Google Map?

Rishi Rathor
Updated on 25-Jun-2020 06:46:14

413 Views

To display HTML5 geolocation accuracy on a Google Map, use the following code −var lat = position.coords.latitude; var longitude = position.coords.longitude; var accuracy = position.coords.accuracy; var center = new google.maps.LatLng(lat, longitude); var a = new google.maps.Marker({    position: center    map:    icon: }); var mySphere = new google.maps.Circle({    center: centerPosition,    radius: accuracy,    map:    fillColor:    fillOpacity:    strokeColor:    strokeOpacity: }); map.fitBounds(mySphere.getBounds());

CSS content: attr() on HTML5 progress doesn't work

George John
Updated on 25-Jun-2020 06:48:39

248 Views

You need to add static content in CSS to make it work.Let us see an example −HTMLYou need to add the following CSS. This is to add CSS generated content before and after the HTML5 progress element −progress::-webkit-progress-bar:before, progress::-webkit-progress-bar:after {    content: '989'; }

How not to validate HTML5 input with required attribute

Jennifer Nicholas
Updated on 25-Jun-2020 06:47:22

213 Views

To avoid validation, use the formnovalidate attribute in HTML5. In the example, validation is disabled for the 2nd button −Example           HTML formnovalidate attribute                        Rank                              

HTML5 video not playing in Firefox

Samual Sam
Updated on 25-Jun-2020 07:00:27

2K+ Views

HTML5 video should work in Firefox web browser. If it is still not working, try the following −Start Firefox in Safe Mode to check if any extension is creating issues.To reach Extensions, go to, Firefox/Tools > Add-ons > ExtensionsTry to turn off hardware acceleration.You need to check the media prefs that do not have the default value.If the media.windows-media-foundation.enabled is set to false, you need to set it to true and restart.Any of the above fixes should work.

How to disable zooming capabilities in responsive design with HTML5?

Ankith Reddy
Updated on 25-Jun-2020 07:02:19

797 Views

To disable zooming capabilities in responsive design, you need to create a META viewport tag.With that, set the user-scalable property to 'no' like −user-scalable=noAdd the following in your HTML code to disable zooming capabilities in responsive design −

Advertisements