HTML Tricks π‘β΄οΈ
A thread π§΅π
A thread π§΅π
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
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.
The <datalist> tag specifies a list of pre-defined options for an <input> element.
3. Lazy loading images:
means that , after the above-the-fold content is fully loaded, or even conditionally, only when they appear in the browserβs viewport. This means that if users donβt scroll all the way down, images placed at the bottom of the page wonβt even be loaded.
means that , after the above-the-fold content is fully loaded, or even conditionally, only when they appear in the browserβs viewport. This means that if users donβt scroll all the way down, images placed at the bottom of the page wonβt even be loaded.
4. Document refresher :
5. Base URL :
The <base> tag specifies the base URL and/or target for all relative URLs in a document.
The <base> tag must have either an href or a target attribute present, or both.
The <base> tag specifies the base URL and/or target for all relative URLs in a document.
The <base> tag must have either an href or a target attribute present, or both.
β’ β’ β’
Missing some Tweet in this thread? You can try to
force a refresh
γ
