Top all-time · #9007
Vincent De Oliveira
Personal blog · iamvdo.me/en/blogwebdesign
Vincent De Oliveira's personal blog at iamvdo.me covers web and design. Since 2015, 9 different Hacker News readers have linked it 9 times, most often “Deep dive CSS: font metrics, line-height and vertical-align (2017)”. The last post was in 2020, but the archive is still widely read.
Too few sampled comments (3) to say how often HN recommends it.?
Why HN links it
HN readers link Vincent De Oliveira's posts on CSS font sizing, font metrics and line-height, and on making smooth corners with CSS Houdini. Commenters cite them for explaining how em and font metrics work.
Summarised by Claude from a sample of 3 HN comments that link here. Each comment is marked recommending, critical or neutral (citing without judging); how this works.
Formateur CSS, SVG & UI. Auteur du livre CSS3 Le design web moderne.
Most-linked posts?
- Deep dive CSS: font metrics, line-height and vertical-align (2017)3 people · 3 mentions · first linked 2020-10-06
- Deep dive CSS: font metrics, line-height and vertical-align3 people · 3 mentions · first linked 2017-02-16
- Smooth Corners with CSS2 people · 2 mentions · first linked 2022-12-24
What Hacker News says?
An em is historically based off the width of the letter M in a typeface. https://iamvdo.me/en/blog/css-font-metrics-line-height-and-v... is a fun deep dive into font sizing, which is pretty hairy.
Comment linking /en/blog/css-font-metrics-line-height-and-vertical-align
on “Full-Bleed Layout Using CSS Grid”Submitted What you might don't know about line-height and vertical-align in CSS as a story · 3 points
HN discussionThe more valuable article linked from this article: https://iamvdo.me/en/blog/css-font-metrics-line-height-and-v...
Comment linking /en/blog/css-font-metrics-line-height-and-vertical-align
on “The strangely difficult problem of drawing a box around text”Submitted Deep dive CSS: font metrics, line-height and vertical-align as a story · 3 points
HN discussionThis blog post is from 5 years ago, but it explains how you can use CSS Houdini to make smooth corners. It's quite a lot of work, though. https://iamvdo.me/en/blog/smooth-corners-with-css-houdini I would love it to be built into browsers as standard.
Comment linking /en/blog/smooth-corners-with-css-houdini
on “Apple's Unique Device Curvature”Submitted Smooth Corners with CSS as a story · 2 points
HN discussionSubmitted Deep dive CSS: font metrics, line-height and vertical-align as a story · 2 points
HN discussionSubmitted CSS element() function as a story · 2 points
HN discussionSubmitted Deep dive CSS: font metrics, line-height and vertical-align (2017) as a story · 1 points
HN discussion