Web Weekly #77 (#blogPost)

Shell scripting is one of these things that I just don't get better at. And I'm really trying, but I don't recall any syntax and must google every tiny script portion. It's so frustrating. And even when things work eventually, I'm still unsure if I did things "the right way".

Let me tell you about two tools giving me more confidence in mighty shell scripting land.

Explain Shell helps to understand CLI commands by showing detailed explanations of every argument.

But what about writing scripts?

A while ago, I discovered ShellCheck, and I couldn't write scripts without it now. It's like ESLint for shell scripting, teaching how to write scripts correctly. Use it online or install an extension for your favorite editor. I highly recommend it!

Today you'll learn about:

• Style queries
• iTerm tricks
• Questionable performance advice

... and, as always, GitHub repositories, a new Tiny Helper and some music.

Lastly, welcome to the 18 new subscribers! I'm super excited to have you around! 👋

To kick things off, here's a marmot curling competition for you. 😆

• "Inclusive design 24", the free 24-hour online event about building inclusive and accessible products, is happening again. 🎉
• The end of an era: Heroku discontinues its free plans.
• I didn't try it, but massCode looks like a promising open source snippet manager.

I spend a lot of time in my terminal, and I bet you do, too.

If you're using iTerm2, here are three terminal tricks:

• Pawel Grzybek shared how to enter and edit multiline commands.
• Use iTerm marks to get notified when a command finishes.
• Tweak and style the bottom status bar.

Container queries will make the creation of component-based styles so much easier. But they're only the first stage. Una Kravets shares what's following — style queries. And I'm so excited about them!

Query with style

Short'n'sweet: after all these years, CLI argument parsing made it into Node.js!

Parse it like a boss

Hah! I didn't know that GitHub provides a way to reuse and save replies. The feature is quite hidden in your account settings.

I wonder if project-level snippets would be more valuable, but hey... it's still a helpful feature.

Stop typing the same replies

There's a lot of movement in the JavaScript runtime space lately. Most notably, Deno and Bun make a lot of noise. Swyx shares an outsider's perspective and gives an excellent summary of features, the communities, the quality of docs, and everything else you need to know about the projects.

Learn more about the new and fancy

Whenever I use useRef, I think "Wow, this is a strange API". Dominik Dorfmeister explains how it works and shares how to use React references differently.

Reference another way

The music software company Ableton created a site teaching how to make music. You learn about scales, beats, song structures and many other things... It's fantastic!

Become a musician

Headsup: Hacker News entry approaching. 😉

The article "A 14kb page can load much faster than a 15kb page" was trending on HN this week. And while it's always good to ship less, Barry Pollard explains why you shouldn't get hung up on delivering exactly 14KB.

Build a faster web

As you know, I'm a big fan of writing concise "Today I learned" posts. And while I'm at 200+ documented learnings, Josh Branchaud beats me to it with over a thousand TIL posts on GitHub. 👏

Learn something new

From the unlimited knowledge archive called MDN...

Did you know there's not only the 404 – Not found but also a 410 – Gone status code? Now you do. :)

Use "410 - Gone"

This TIL is for you if you have a comments section on your site. Googlebot understands links that are marked as sponsored or user-generated. Learn more about it on the blog.

Add relationships

• tombonez/noTunes – A macOS app to prevent iTunes or Apple Music from launching.
• Twipped/InterviewThis – An open source list of developer questions to ask prospective employers.
• upscayl/upscayl – Free and Open Source AI Image Upscaler.

If you're planning to contribute to open source projects, "Repo Trends" tells you how long it takes maintainers to reply to an issue or review a PR.

Analyze repositories

When talking to people: are you the talker or the listener?

My introverted self is definitely a listener because I want to give folks enough space and don't care much about my own speaking time.

"Good conversations have lots of doorknobs" talks about givers and takers instead of talkers and listeners. Givers offer the space that takers happily take.

Sounds logical, but pairing a giver with a taker doesn't make a great conversation. Both need to offer their counterpart a way to connect to keep the conversation going. These connections alone make conversations pleasant and valuable.

I thought about this idea a lot and will a) try to speak up more (especially in groups) and b) look for hooks to ease conversation flows.

Tinush's track "Struggle" is a nicely-rolling house track with fabulous vocals. 👏

Listen to "Struggle"

Writing Web Weekly takes me roughly five hours every week, and I pay real money for sending almost 3k emails. If you enjoy it, consider supporting me on Patreon. ♥️

Or tell your friends about it:

• Share it on Twitter.
• Forward it to someone who might like it.

If you're not a subscriber, you can change that! 😉

And with that, take care of yourself - mentally, physically, and emotionally. I'll see you next time! 👋