vh when designing for mobile? Or always wanted to know how this obscure
.visually-hidden class you're copying from project to project works?
All the answers and much more are included in this week's Web Weekly.
This edition is the 86th Web Weekly, and for almost two years, I've been sharing weekly Frontend tips (I missed a few, but hey... 🙈).
It's odd that Web Weekly somehow became a part of my life. 💙
This week, I've chatted with my friend Anselm who runs the excellent Web Development Reading List. You should check it out!
We both wondered where we're going with our newsletters and if there's a way to collaborate.
All this got me thinking about Web Weekly.
Is it valuable to send it weekly? Should it be focussed on a specific topic rather than only including the things I liked during the week?
As we're almost closing the year, I'd love to know what you think of Web Weekly. Why did you subscribe? Is the format good as it is? Should I cut something?
Reply to this email or send me an email. Thank you!
Something that made me smile this week
I've seen a few of these optical illusions tricking the brain, but this one is wild!
A guide to radial CSS gradients
Some folks create stunning CSS gradient art. I'm none of them, but if you want to become part of the cook kids club, Patrick Brosset's guide covers everything you need to know about radial CSS gradients.
I learned that CSS can automatically size gradients with
Circe all the things
Why can't we have native JSON forms?
But here's a thought: what if forms would support JSON? How great would that be!
Think about JSON
You probably have used a
.sr-only class in your projects to visually hide text but keep it accessible for assistive technology.
It's this mixed bag of absolute positioning,
white-space properties. Have you ever wondered why all this CSS is necessary? James Edwards explains it very well!
Learn what it takes to hide stuff visually
New and shiny viewport units
If you're using
100vh on your sites, consider switching to
100dvh. Manuel Matuzovic shares why.
Adapt your units
Suppose you're looking for some inspiration on what fun things to build into your site. Max Böck curates a great collection of entertaining website functionality.
Have fun! 🎉
TIL – top-level await and the mysterious
13 exit code
I've been writing a quick'n'dirty Node script, made a silly mistake and hit a surprise. Node just exited with the exit code
13. There was no error or anything. As it turns out, if you use Node's top-level await features, it comes with some additional DX sugar. 💯
Learn when Node exits
Frontend tech is constantly moving, and it takes time to identify the new tech that matters. Tom MacWright collected trends you should keep an eye on.
Watch out for the good stuff
Apparently, there's a new Regex flag in the making —
/v. There are so many Unicode facts in Axel Rauschmayer's post that it's hard to summarize.
If nerdy Unicode insights are your thing, you'll love this post.
Learn more about Unicode
From the unlimited knowledge archive called MDN...
Do you know that there's a fairly new
:modal CSS pseudo-class? Now you do!
Learn more about :modal
TIL recap – email inputs accept multiple addresses
A while ago, I learned that email inputs support a
multiple attribute. But before jumping all onto it, there are UX drawbacks.
Learn about email input challenges
Three valuable projects to have a look at
I didn't know that clothoid corners were a thing, but if you always wanted them, this tool helps out.
Tweak your corners
There's a lot of truth in the following because the easy choices usually come with downsides.
Hard choices, easy life. Easy choices, hard life.
And that's why I'll do my Sunday evening exercise right after sending this newsletter. 💪 I hope...
A song that makes you stop coding
I bought Nada Surf tickets for December, and I can't wait to see them live!
Listen to "Blankest year"
Writing Web Weekly takes me roughly five hours every week, and I pay real money for sending over 3.1k emails. If you enjoy it, consider supporting me on Patreon. ♥️
Or tell your friends about it:
If you're not a subscriber, change that! 😉
And with that, take care of yourself - mentally, physically, and emotionally. I'll see you next time! 👋