4 ms·

TIL about <meter> and wow is it interesting. Here is the spec: https://www.w3.org/TR/html52/sec-forms.html#the-meter-element https://www.w3.org/TR/html52/sec-fo

TIL about <meter> and wow is it interesting. Here is the spec: https://www.w3.org/TR/html52/sec-forms.html#the-meter-element https://www.w3.org/TR/html52/sec-forms.html#the-meter-elemen... I wonder what else in the HTML5 spec I've missed... Thanks for sharing this!

mdenic 5y ago
Glad you enjoyed it.
- learningwebdev 5y ago
  Hey Marko, thank you for this resource! As somebody who is teaching themselves full-stack development, it's easy to miss out on learning tips and tricks like these. This is very useful. I'm going to link to your webpage in the first ever item on my new TIL page (https://news.ycombinator.com/item?id=27017604 https://news.ycombinator.com/item?id=27017604).
  - mdenic 5y ago
    Awesome! Thanks.
- mrwww 5y ago
  Great stuff Marco thanks!
iib 5y ago
I see that it is very similar to <progress>, and may be misused as a progress bar (which w3 actually even acknowledges and guides against). I wonder why one tag could not have sufficed.
- runarberg 5y ago
  <meter> allows you to define an optimal and a sub-optimal value, such that a full meter might be bad (or good) depending on where the value lands relative to it. Although, one could argue that a <progress> is just a <meter> where the optimal value is 100%.
runarberg 5y ago
The <meter> and <progress> are pretty amazing... I only wished they would settle on a standard way to style it. And if they would allow non-linear transformations (e.g. by putting cos and sin functions in the transformation matrix so it can appear like a speedometer) that would be golden.