Powerful HTML Features you may not know
A thread π§΅π
β‘οΈ The Meter Tag : The <meter> tag defines a scalar measurement within a known range, or a fractional value. This is also known as a gauge.
β‘οΈ The abbr tag : The <abbr> tag defines an abbreviation or an acronym
β‘οΈ The Attribute Required : The required attribute which, if present, indicates that the user must specify a value for the input before the owning form can be submitted
β‘οΈDrag and Drop: It is a powerful user interface concept which is used to copy, reorder and delete items with the help of mouse. You can hold the mouse button down over an element and drag it to another location.If you want to drop the element there, just release the mouse button
β‘οΈ Defer and async attributes :The defer attribute specifies that the script is executed when the page has finished parsing.The defer attribute is only for external scripts.
The async attribute is used to indicate to the browser that the script file can be executed asynchronously
β’ β’ β’
Missing some Tweet in this thread? You can try to
force a refresh
1. Picture tag :
The <picture> tag gives web developers more flexibility in specifying image resources.
The most common use of the <picture> element will be for art direction in responsive designs. Instead of having one image that is scaled up or down based on the viewport width
2. Input Suggestions :
The <datalist> tag specifies a list of pre-defined options for an <input> element.
Useful CSS units You should know
A thread π§΅π
π px :
The px unit is the magic unit of CSS
The px is thus not defined as a constant length, but as something that depends on the type of device and its typical use.
π Viewport Height (vh). This unit is based on the height of the viewport. A value of 1vh is equal to 1% of the viewport height.
Viewport Width (vw). This unit is based on the width of the viewport. A value of 1vw is equal to 1% of the viewport width.