Front-end developer
🌐 Copenhagen, Denmark
🔗 phloe.co
| Website | https://phloe.co |
| Bluesky | https://bsky.app/profile/phloe.co |
Finally reached 10 million lifetime downloads on posthtml-match-helper 🙌 🎉
For a purely convenience package I'd say that's pretty good - even though it's a 10 year old package - but anyways... 😅
Shout-out to
@cossssmin.bsky.social
for updating the tooling and adding types on the 2.x releases 🤗
I love vanilla web tech - HTML, CSS, JS, SVG, etc.
I don't love all the crap that has been put in front of it in the name of making it "easier" like Vue, React, Tailwind, Vite, etc. It's just another form of gatekeeping where you are constantly having to learn some new wrapper for native code that is the framework of the week.
If you focus on core web technologies
1) the wrappers will be easier to understand as you know what's going on under the hood
2) you will depend less on them
I always wanted to implement fluid typography like https://utopia.fyi/ - but I was afraid it wouldn't mix well with the tightly controlled typography I had already implemented...
After watching Matthias Ott's talk from CSS Day 2024 with fluid sine-based typography (https://www.youtube.com/watch?v=su6WA0kUUJE) - I just had to give it a go 😁
The result is _so_ much more satisfying - and it _does_ go well with tightly controlled typography 🤓
Before and after captures:
🔥 New blog post!
“On compliance vs readability: Generating text colors with CSS”
https://lea.verou.me/blog/2024/contrast-color/
This has been in the making for over a month! 😮💨
It includes:
🔥 New #CSS Technique: How can we use widely supported CSS features to automatically pick a text color that is readable over an arbitrary background?
🔥 Original research: What lightness ranges correspond to what color contrast compliance & readability buckets? How are these affected by additional constraints (gamut, chroma, hue)?
The lyrics:
Verse 1
If you wanna make your web typography better,
You gotta take control of the height of the letters.
You have to understand you can't just trust font-size,
Whatever you request - it never delivers. It lies!
Verse 2
You have to dig deep into the depths of the metrics,
level up alignment of your designs and aesthetics,
Cap-height for uppercase and x-height for lower,
Your website goes from a flunk to a show'er.
Suno SLAPS!
I wrote some hiphop lyrics and it delivered:
https://app.suno.ai/song/34c3da33-bb4c-4650-bc3e-a14ace7ffbf4
jaz rap song. Listen and make your own with Suno.
Andrew Wooldridge ⛰️
Larry Garfield
Lea Verou, PhD
CSS Basics