Guten Tag! Guten Tag! 👋 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 bot…  ( 9 min )

I have been creating Playwright videos for the Checkly YouTube channel for roughly two years now and I think I've reached a decent quality level. Alex asked on Bluesky how I create these videos and because documenting my flow has been on my todo list for a while, let me share my approach to creating YouTube videos. How do I plan a video? All my video ideas live in a long list and I pick them depending on my mood. For educational nerd videos the topics are fairly straightforward. Do people have the same questions over and over again? That's a video. Is there something that you've learned recently? That's a video. Is there a new product feature available? That's a video, too. Right now there are 74 video ideas on the list so I won't run short on ideas very soon. Do I write scripts? Once I'v…  ( 11 min )

Kilian tagged me to answer some questions about blogging and it took me three months to get to it, but hey, here we are! Why did you start blogging in the first place? I wrote my first blog post June 21st, 2013 on a different blog than this one. I had just discovered my love for web development and was lucky to have landed an internship with incredible people. I was studying Media and Computer Science and joined a small ecommerce shop selling shirts. I thought I was well equipped for the real world but boy was I wrong. My first internship days had been challenging. The university courses I had aced were pretty useless, because as it turned out, I didn't know the right things. Like really, it was an entirely new world. I hadn't touched a terminal before. I knew some things about Java and C…  ( 9 min )

If you use the built-in VS Code terminal, there's a new preview feature: IntelliSense. When you're running commands or looking for certain command flags, VS Code will try to show you inline auto-completion, similar to how your editor does it. Terminal session with turned-on IntelliSense To turn it on, you need to flip these two flags in your settings.json: "terminal.integrated.shellIntegration.enabled": true, "terminal.integrated.suggest.enabled": true, I usually switch between iTerm for main tasks and the built-in terminal for one-off things, but I'll give it a shot even though I'm a bit skeptical about it. The terminal is supposed to be a simple and calm place and this feels very stressful, doesn't it? We'll see... Reply to Stefan  ( 6 min )

In growing JavaScript projects it is very common to end up with very long import paths navigating up and down the file tree (../../../src/lib/whatever/index.js). This isn't only terrible to read but can also be hard to refactor if you move files around. To make things a bit easier, bundlers or the TypeScript compiler allow you to define path aliases (@lib/whatever/index), but I usually try to avoid bundling my Node.js applications to keep the complexity low. Today I learned that Node.js allows you to set path aliases with import maps. Let's say you have this Node.js code using ESM. import { getAuthenticatedUser } from "./src/lib/auth/user.js"; import database from "./src/lib/db/index.js"; // more stuff... While this isn't the worst, the file paths could be way cleaner. To set aliases, head into your package.json and define an imports object. { "imports": { "#auth/*": "./src/lib/auth/*.js", "#db": "./src/lib/db/index.js" }, } Custom import paths need to start with a # and thanks to these two quick lines you can now shorten any import going into ./src/lib/auth and also directly reference ./src/lib/db/index.js with three characters (#db). import { getAuthenticatedUser } from "#auth/user"; import database from "#db"; // more stuff... Sweet! But does it work everywhere? Or is this a new Node.js thing? Nope, this isn't new. Import maps are supported in Node.js since v14 (we're currently on v22 LTS), so your Node.js environment will probably support them already. Have fun shortening some paths! Reply to Stefan  ( 6 min )

Guten Tag! Guten Tag! 👋 Should you use JavaScript's logical assignment operators? Have you heard of the user activation API? And did your websites get a nice speed improvement thanks to speculation rules? Turn on the Web Weekly tune and find some answers below. Enjoy! Øystein listens to Ulrich Schnauss - Goodbye Lush and dreamy beat-driven electronica from my newest musical discovery - perfect for late night contemplation. Do you want to share your favorite song with the Web Weekly community? Hit reply; there are three more songs left in the queue. This year's state of HTML survey is open until August 15 and you should really take the time to fill it out. Why? First, browser vendors really do look at the results and even if it's just a tiny thing, if you're unhappy about a web fe…  ( 10 min )

I've been using the Polypane frontend development browser for over a year now, and I've always known that I'm not using the tool to its fullest potential. To solve this problem and improve my frontend workflows, I invited Kilian to show me his favorite tips and tricks. If you're wondering why you should use Polypane or if you're like me and don't know about all the hidden pro-features, this video is for you! Reply to Stefan  ( 5 min )

Meanwhile in Canada "You know it's hot when the cat melts" Tech Stuff Kiro "Tame complexity with spec-driven development" Smart use of generative AI: Kiro turns your prompt into a requirements document, and then uses that to build your code, so when you get  ( 9 min )

As someone fearing about the future of web development, I can only say that I hope Jeffrey is right on this one. As vibe-coded apps and self-creating websites become the norm, luxe companies will pay large dollars for bespoke, hand-crafted HTML and CSS. It would be great to continue making a living by working in the field we used to call web development... Reply to Stefan  ( 5 min )

diana "Yip yip yip yip yip yip yip yip yip" Tech Stuff daisyUI What goes around comes around and this Tailwind plugin brings back proper CSS classes. And it comes with CSS classes for buttons, cards, modals, avatars, alerts, footers, you name it, there's a class  ( 7 min )

You might know that I'm still holding on to using Firefox as my daily driver. Things aren't looking great at Mozilla and I'm still peeking at Vivaldi, but so far I simply haven't made the switch. Now, Kaushik shared some Firefox styling tricks in "How to Firefox" that I didn't apply, but I learned how to fix a behavior that was silently bugging me for 20 years now. You know when you open a new tab with CMD+T and the new tab always goes to the end of your tab list. For people with a few open tabs this might not be a big deal, but I'm a tab hoarder with 177 open tabs right now. If I'm on tab 50 and decide to open a new tab, chances are pretty high that the new tab is related to the fiftieth tab. If you want to open tabs next to your current tabs, head over to your about:config and change browser.tabs.insertAfterCurrent and browser.tabs.insertAfterCurrentExceptPinned to true. That's it! Right now I'm pretty happy with this change. Let's see if it lasts. Reply to Stefan  ( 6 min )

a beautiful bitch "This is why i make sure i eat plenty of fiber" Tech Stuff kompressor macOS image convertor with a very interesting UI: drag & drop images into the wormhole, then toggle the kind of processing you want, and away we launch! secretlint/secretlint Linting tool  ( 7 min )

Guten Tag! Guten Tag! 👋 Do you know that CSS ifs are shipping in Chromium? Have you ever used import.meta.resolve? And did you celebrate that we can finally import JSON files in all browsers? (I surely did!) Turn on the Web Weekly tune and find some answers below. Enjoy! Pawel listens to Quantic - The 5th Exotic: This track is just as good as the rest of the album. It features elements of breakbeats and jazz, is super melodic, and super dance-triggering (much like the entire album). Do you want to share your favorite song with the Web Weekly community? Hit reply; there are four more songs left in the queue. Do you know people saying that CSS isn't a programming language? The world is changing, people! if/else statements are entering CSS. I mean, maybe they do, because they're a Chromium-…  ( 9 min )