I have explained about data-attributes and its usages in my previous article. Now, in this post, I will show how to use data attributes dynamically in JavaScript. It is very simple. ...
The data-* attribute allow developers to add some extra information to an element on a web page (or an application), which can later be used for processing. ...
Recently I came across this new HTML tag called kbd. You can show keyboard commands or keyboard inputs wrapped inside the kbd tag. It comes with the default monospace font. ...
By default, a meter element is displayed horizontally on a browser. However, you can display the meter element vertically using CSS transform property. ...
The HTML5 meter element represents a scalar measurement in a given range or fractional value. Its like a gauge used to display readings of fuel level, disc space, or temperature etc. We can dynamic ...
You can place or add a text over an image using HTML and CSS. The method is simple. All you need is a container like a DIV element, which will have an image and text (in another DIV element). Using ...
There are many ways you can embed a YouTube video in a web page without IFrame. Although, the iframe is the recommended method for YouTube embeds, if however, you do not want to use iframes, you can ...
The placeholder attribute is used to show a small hint to describe a value to help users understand what value they should enter in a text field. The placeholder text by default is left aligned. I’ll ...
You can rotate an image or any DOM element on your web page using the CSS3 transform property. However, this property alone is not enough, if you want to save or download the rotated image. I am ...
The HTML5 aside tag shows contents separately next to the main content, such as a paragraph, at either the right side or the left side. The contents inside the aside tag, usually has contents that are ...