Web Weekly #165
- Published at
- Updated at
- Reading time
- 8min
Do you know about display: stretch? Are you on the latest Node.js version to run TypeScript natively? Or are you excited about hidden="until-found"?
Turn on the Web Weekly tune and find some answers below. Enjoy!
James listens to "H.S // Tom Cardy" and says:
Tons of fun little details in the music video, like the fact that Pluto's backup dancers are his five moons.
Do you want to share your favorite song with the Web Weekly community? Hit reply; there are two more songs left in the queue.
Before we get into all the juicy web stuff, I want to give a shoutout to Juhis and Stefano!
Juhis shared Web Weekly in a blog post listing his favorite newsletters and Stefano joined 24 other Web Weekly supporters helping me to run this indie newsletter financially. Thank you both! ❤️
If you enjoy Web Weekly, share it with your friends and family. Every repost or shoutout helps me grow the newsletter and continue writing it.
And for some extra Karma points, join the now 25 other Web Weekly supporters and give back with a small monthly donation on Patreon or GitHub Sponsors. It turns out, sending 6.1k emails every week isn't cheap... 🫣
Keeping up with the latest tools in web and app development can be a challenge. Web Tools Weekly sifts through the madness, providing categorized roundups of the latest and best in tools for JavaScript, CSS, HTML, React, Vue, SVG, AI/LLMs, APIs, Mobile, and more. You get one email every Thursday, no spam. It's the best newsletter in the industry solely focused on tools for web and app developers!
Web Weekly is open for sponsorships. When you want to reach 6.1k developers, you know what to do!
Guess what you'll find at onlycats?
I also had some time for non-technical blog maintenance this week:
Do you know about all the hidden functionality in the HTML anchor's href attribute? Jim collected some surprises for you. I haven't heard of media fragments before.
If you're using the VS Code terminal, there are new experimental IntelliSense CLI auto-completions. I'm testing them out right now, and they feel a bit too much for me, but you might enjoy them?
Auto-complete your CLI commands
Ashwin put together a good overview of more recent Node.js feature additions and it's a great read if you're not watching the Node.js ecosystem closely.
From the post above: I learned that Node.js supports import maps which allows for short'n'sweet import path aliases like #auth.
And if YouTube is your jam, I'm slowly getting into the rhythm of publishing YT shorts.
And why's this release a big deal? It's a big deal because you can now run TypeScript files without additional CLI arguments. 🎉
Even though height: stretch doesn't work cross-browser yet, I'm quite excited about it. Miriam explains when and why you will want to use it!
Wowza! Would you enjoy getting Web Weekly straight to your inbox?
Okay, this is one of the weirdest but most beautiful web things I've seen in a while. And of course, I celebrate that the creator owns the drawafish domain.
Fun fact: the site was vibe-coded and Alden (the creator) had to deal with a serious security incident after putting his fish bowl into the public. 😅
Hand to the heart; do you use logical CSS properties like margin-block, block-size or inset-inline-end? Chris makes strong points for finally adopting them while highlighting situations when it's okay (or not possible) to use them.
Mark your calendar! In 44 days (25 September) it's time for another Inclusive Design 24. It's a full day packed with talks all about how to build a better web and the organizers just released the schedule. 🎉
As you might remember, I'm working on the Web Weekly redesign for what feels like ages. The design includes horizontal scroll containers. After reading Adrian's post describing problems with scroll containers, I'll go ahead and change the design!
Speaking of truncating content, similar problems apply to overflow: ellipsis which Eric blogged about ages ago.
What do we learn from this? Hiding, shortening or truncating content isn't a content strategy...
Suppose you're into JS performance optimizations, you must check Marvin's work. It's the 12th time that he goes out on tour, evaluates a public npm package and explains how to make things faster! This post series is golden.
From the unlimited MDN knowledge archive...
You probably have used the :nth-child() selector, but do you know about its friends?
Do you know that parseInt parses emojis correctly? Of course, it can not do this. Or can it?
Find more short web development learnings in my "Today I learned" section.
The newest Safari Tech preview will ship with and auto-expanding details elements which means that we can find more content when searching inside of a page soon! 🎉
I don't remember when I signed up for CSS Weekly, but I must have been reading Zoran's emails for over ten years by now. And he's still sharing weekly CSS news. Check it out if you need even more CSS content in your life.
- abinthomasonline/repo2txt – Convert GitHub repos into a single formatted text file.
- josdejong/jsonrepair – Repair invalid JSON documents.
- marionebl/svg-term-cli – Share terminal sessions via SVG and CSS.
Have you heard of Project Wallace? Bart maintains an entire set of CSS tools helping you to analyze your current CSS code base. Highly recommended!
Find more single-purpose online tools on tiny-helpers.dev.
Christopher discusses interfaces going beyond screens and the essay opens with this banger. 💯
Every piece of technology is an interface.
Loved this email? Hated this email? I want to hear about it!
If you think something needs improvement or something sparked some joy, reply to this email because I want to know more!
And with that, take care of yourself - mentally, physically, and emotionally.
I'll see you next week! 👋
Join 6.1k readers and learn something new every week with Web Weekly.
Frontend nerd with over ten years of experience, freelance dev, "Today I Learned" blogger, conference speaker, and Open Source maintainer.