Found 601 Articles for Front End Scripts

Validate the size of input=file in HTML5?

Govinda Sai
Updated on 29-Jan-2020 10:49:35

1K+ Views

You can try to run the following code to validate the size of input type file:                                                                                                   $(function(){                $('form').submit(function(){                   var val = true;                       $('input[type=file][data-max-size]').each(function(){                   if(typeof this.files[0] !== 'undefined'){                      var max = parseInt($(this).attr('max-size'),10),                      mySize = this.files[0].size;                      val = max > mySize;                      return val;                   }                });                return val;             });          });          

Top frameworks for HTML5 based mobile development

Lakshmi Srinivas
Updated on 30-Jul-2019 22:30:22

148 Views

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

HTML5 preload attribute

Anvi Jain
Updated on 29-Jan-2020 10:22:10

104 Views

To prevent HTML5 video from loading before playing, use preload attribute. You can try to run the following code:                                        Your browser does not support the video tag.          

Adding HTML5 Validation to Visual Studio

Sravani S
Updated on 29-Jan-2020 10:25:41

447 Views

For HTML5 validation, you need to install IntelliSense and validation support to Visual Studio. HTML5 is supported by Visual Studio 2012.VS 2010 had IntelliSense support, but VS 2012 added corresponding snippets making it fast and easy to write markup.Follow the steps: Launch Visual Studio 2012 Go to Tools > Options menu When Options configuration screen is displayed, go to Text Editor > HTML > Validation.

What is the usage of
and

Nitya Raut
Updated on 29-Jan-2020 10:24:41

58 Views

The elements and are useful for screenreaders as well and help visually impaired users in reading the content of your web page. These are beneficial for eBook readers as well.Let us see how to work with both the elements.           HTML Section Tag                        Java          Inheritance          Inheritance defines the relationship between superclass and subclass.                              Learning          Learn to gain experience and try to share your knowledge with others.                       Web Development Tutorials             Consist of CSS, HTML, and PHP tutorials for 2nd Semester exams.                                 Academic Tutorials             Consist of Computer Fundamental, Computer Network tutorials for             1st Semester exams.                    

What is ionic and how is it related with HTML5?

V Jyothi
Updated on 30-Jul-2019 22:30:22

193 Views

Ionic is an HTML5 Mobile App Development Framework targeted at building hybrid mobile apps. Think of Ionic as the front-end UI framework that handles all the look and feel and UI interactions your app needs to be compelling. Kind of like "Bootstrap for Native", but with the support for a broad range of common native mobile components, slick animations and a beautiful design. Ionic framework needs native wrapper to be able to run on mobile devicesIonic is built and tested for mobile only. Internet Explorer does not support all the features of Ionic. Use separate applications for desktop and mobile. Read More

Is their a cross-origin attribute in HTML5?

karthikeya Boyini
Updated on 29-Jan-2020 10:23:18

147 Views

Yes, the official specification states cross-origin attribute as:The crossorigin attribute is a CORS settings attribute. Its purpose is to allow images from third-party sites that allow cross-origin access to be used with canvas.You can use it to solve JavaScript errors like to log js errors:if (securityOrigin()->canRequest(targetUrl)) {    msg = myErroe;    line = myLineNumber;    source = sourceURL; } else {    msg = "Error!";    source = String();    line = 0; }

Positioning HTML5 SVG in the center of screen

Sravani S
Updated on 29-Jan-2020 10:20:13

220 Views

To center SVG, add the following CSS:# svgelem {    margin-left:auto;    margin-right:auto;    display:block; }The following is our SVG:    

What is HTML5 file Blob.slice() method

Samual Sam
Updated on 29-Jan-2020 10:19:14

198 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);

Backward compatibility with HTML5

Govinda Sai
Updated on 30-Jul-2019 22:30:22

805 Views

HTML5 is designed, as much as possible, to be backward compatible with existing web browsers. New features build on existing features and allow you to provide fallback content for older browsers.It is suggested to detect support for individual HTML5 features using a few lines of JavaScript.The latest versions of Apple Safari, Google Chrome, Mozilla Firefox, and Opera all support many HTML5 features and Internet Explorer 9.0 will also have support for some HTML5 functionality.The mobile web browsers that come pre-installed on iPhones, iPads, and Android phones all have excellent support for HTML5.

Advertisements