3 ms·

I have been working with HTML since I was 11 — 20ish years. I thought I knew most things. text-decoration-thickness? Nope. I have been adding border-bottom to s

by joshmn 4y ago

I have been working with HTML since I was 11 — 20ish years. I thought I knew most things. text-decoration-thickness? Nope. I have been adding border-bottom to spans for far too long it looks like.

qiller 4y ago
Those are pretty new. text-underline-offset is another one that made my "fake" underlines obsolete
- Gualdrapo 4y ago
  Also remember text-decoration-style, text-decoration-color and text-decoration-skip - setting this last one to 'ink' will make the underline, ahem, skip over the glyphs with descenders, adding to legibility
philliphaydon 4y ago
I started html when I was about 11 so I’m at 25 years. I just discovered last night there’s an aspect ratio property… https://caniuse.com/mdn-css_properties_aspect-ratio https://caniuse.com/mdn-css_properties_aspect-ratio
- dekerta 4y ago
  aspect-ratio is a new standard, so don't feel too bad about that
- pewpewyouhit 4y ago
  It’s pretty new though. Less than 2 years I think.
  - philliphaydon 4y ago
    I was just shocked. Last night I’m like “hmm need to maintain aspect ratio on this box. Maybe I can use calc and vh or something. And this shocked up in Google. Rocked my world. I wanna go back across a bunch of products I’ve worked on over the years to fix stuff using this! One of my favourite features now!
    - troysk 4y ago
      It is definitely magical! So many hours saved trying to find the right responsive break points for those particular card UIs.
frankzander 4y ago
no problem. I work every day with CSS ... you can't know every new feature unless you have at least one use case to get know the new feature. The "old" technics are still working but if you want the benefits of new technics like text-decoration-skip-ink you have to use the new ones. So as long as you do not run into such problems like "skip-ink" you do not have to learn ne new ones.
themosaad 4y ago
That's a good side effect from using Tailwind CSS docs. They curate new CSS properties and add the most important (in their opinion) once they're supported by all modern browsers.

by joshmn 4y ago

I have been working with HTML since I was 11 — 20ish years. I thought I knew most things. text-decoration-thickness? Nope. I have been adding border-bottom to spans for far too long it looks like.

qiller 4y ago

Those are pretty new. text-underline-offset is another one that made my "fake" underlines obsolete

Gualdrapo 4y ago
Also remember text-decoration-style, text-decoration-color and text-decoration-skip - setting this last one to 'ink' will make the underline, ahem, skip over the glyphs with descenders, adding to legibility

philliphaydon 4y ago

I started html when I was about 11 so I’m at 25 years. I just discovered last night there’s an aspect ratio property… https://caniuse.com/mdn-css_properties_aspect-ratio https://caniuse.com/mdn-css_properties_aspect-ratio

dekerta 4y ago
aspect-ratio is a new standard, so don't feel too bad about that
pewpewyouhit 4y ago
It’s pretty new though. Less than 2 years I think.
- philliphaydon 4y ago
  I was just shocked. Last night I’m like “hmm need to maintain aspect ratio on this box. Maybe I can use calc and vh or something. And this shocked up in Google. Rocked my world. I wanna go back across a bunch of products I’ve worked on over the years to fix stuff using this! One of my favourite features now!
  - troysk 4y ago
    It is definitely magical! So many hours saved trying to find the right responsive break points for those particular card UIs.

frankzander 4y ago

no problem. I work every day with CSS ... you can't know every new feature unless you have at least one use case to get know the new feature. The "old" technics are still working but if you want the benefits of new technics like text-decoration-skip-ink you have to use the new ones. So as long as you do not run into such problems like "skip-ink" you do not have to learn ne new ones.

themosaad 4y ago

That's a good side effect from using Tailwind CSS docs. They curate new CSS properties and add the most important (in their opinion) once they're supported by all modern browsers.