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. Image
➑️ The abbr tag : The <abbr> tag defines an abbreviation or an acronym Image
➑️ 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 Image
➑️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 Image
➑️ 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 ImageImage

β€’ β€’ β€’

Missing some Tweet in this thread? You can try to force a refresh
γ€€

Keep Current with Aditi

Aditi Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @shreeAditi26

9 Jun
Amazing Tools For Frontend Developers
A thread πŸ‘‡
➑️ Neumorphism Generator

πŸ”—neumorphism.io/#8dd61f
➑️ paletton - The Color Scheme Designer paletton.com/#uid=1000u0kll… Image
Read 13 tweets
7 Jun
Some Amazing 3d Illustration Libraries πŸ‘‡

1️⃣ πŸ”—characterz.design
2️⃣ πŸ”— icons8.com/l/3d/
3️⃣ πŸ”—homies3d.com
Read 7 tweets
7 Jun
JavaScript Math Function
A thread πŸ§΅πŸ‘‡
➑️ Math.abs() : The JavaScript Math.abs() function returns the absolute value of a number. Image
➑️ Math.ceil() : The ceil() rounds a number UPWARDS to the nearest integer, and returns the result. Image
Read 9 tweets
4 Jun
HTML Tricks πŸ’‘βœ΄οΈ
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
2. Input Suggestions :
The <datalist> tag specifies a list of pre-defined options for an <input> element.
Read 6 tweets
3 Jun
9 Very Useful Website For Every Developer
A thread πŸ§΅πŸ‘‡

1️⃣ DevDocs
DevDocs combines multiple API documentations in a fast, organized, and searchable interface.
πŸ”—devdocs.io
2️⃣ stackoverflow
Stack Overflow is a question and answer website for professional and enthusiast programmers.
πŸ”—stackoverflow.com
3️⃣ easings.net
It helps in doing amazing css animations in sections without calculating much .
πŸ”—easings.net
Read 9 tweets
2 Jun
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.
Read 8 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!

Follow Us on Twitter!

:(