Ankith Reddy has Published 996 Articles

How to disable zooming capabilities in responsive design with HTML5?

Ankith Reddy

Ankith Reddy

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

800 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 −

What HTML5 File.slice method actually doing?

Ankith Reddy

Ankith Reddy

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

232 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 ... Read More

HTML5 Canvas Circle Text

Ankith Reddy

Ankith Reddy

Updated on 25-Jun-2020 06:37:12

576 Views

To create a text inside circles in canvas, use the −context.beginPath();ExampleThe following is the canvas −$("#demo").on("click", "#canvas1", function(event) {    var canvas = document.getElementById('canvas1');       if (canvas.getContext) {          var context = canvas.getContext("2d");          var w = 25;         ... Read More

Use CSS max-width property for responsive image

Ankith Reddy

Ankith Reddy

Updated on 25-Jun-2020 06:10:13

362 Views

You can try to run the following code to implement the max-width property for the responsive imageExampleLive Demo                          img {             max-width: 100%;             height: auto;          }                     To check the effect, you need to resize the browser.          

How to detect HTML5 audio MP3 support

Ankith Reddy

Ankith Reddy

Updated on 25-Jun-2020 05:29:55

248 Views

To detect HTML5 audio MP3 support, use the Modernizr library.As stated in the official specification − Source − Screenshot from the official Modernizr documentation For detecting HTML5 audio MP3 support, you can also check the User-Agent to detect which browser is used.You can also use JavaScript to test −var x = document.createElement('audio'); ... Read More

With CSS add transparency to a button

Ankith Reddy

Ankith Reddy

Updated on 24-Jun-2020 16:02:09

3K+ Views

To add transparency to a button, use the CSS opacity property. This creates a disabled look for the button.You can try to run the following code to add transparency to a buttonExampleLive Demo                    .btn1 {         ... Read More

Role of CSS justify-content property space-between value

Ankith Reddy

Ankith Reddy

Updated on 24-Jun-2020 15:46:18

164 Views

Use the justify-content property with value space-around to add space between the flex-items.You can try to run the following code to implement the space-between valueExampleLive Demo                    .mycontainer {             display: flex;         ... Read More

Horizontally align the flex items when the items do not use all available space on the main-axis with CSS

Ankith Reddy

Ankith Reddy

Updated on 24-Jun-2020 14:56:56

136 Views

Use the justify-content property to horizontally align the flex items when the items do not use all available space on the main-axis.You can try to run the following code to implement the justify-content propertyExampleLive Demo                    .mycontainer {       ... Read More

The:last-child selector not working as expected in HTML5

Ankith Reddy

Ankith Reddy

Updated on 24-Jun-2020 14:25:23

436 Views

The last-child selector is used to select the last child element of a parent. It cannot be used to select the last child element with a specific class under a given parent element.Style the last child li element with background-color −li:last-child{    background-color: blue; }It creates issues if the element ... Read More

Is it possible to add HTML5 validation to Visual Studio?

Ankith Reddy

Ankith Reddy

Updated on 24-Jun-2020 14:22:48

177 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 ... Read More

Advertisements