Web Weekly #63

I just discovered that the great resignation has its own Wikipedia entry now and because I quit my job, too, I reflected on the reasons to change companies six times in eleven years.

To my surprise, I mainly changed jobs because of "bigger" topics like an overall disagreement with the company vision or not being satisfied with company values that were nothing but wallpaper.

And even though no reason was the same, five of my six resignations had one thing in common. My managers were caught by surprise and only started acting on my frustration after I decided to leave.

This is months too late...

I learned about an approach that could help out while listening to the Work Life podcast – the stay interview.

A stay interview focuses on the present. It focuses on the things that keep you going, the things you want to have more of. We all should have more stay interviews!

And with this, today you'll learn about:

• the new fetchpriority attribute
• the beauty of web components
• fancy CLI tools

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

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

I'm no cat person, but the challenges of "🐾 Mia the Cat 🐾" made me smile this week. Make sure to turn your sound on.

• DuckDuckGo is working on a WebKit-based browser.
• macOS Monterey comes with a CLI tool to measure network quality.
• The source element now accepts height and width attributes.

There's a new priority hint in town if you want to give browsers additional information on resource loading order!

Adrian explains fetchpriority in great detail. But be careful; if you start prioritizing everything, nothing is.

Fetch it like it's hot

I wrote my first article on web components using Polymer nine years ago. And even though custom elements are perfect for building and distributing small UI components, they're still not taking off, aren't they?

It's such a bummer. Let me still share some good ones:

• GoogleChromeLabs/dark-mode-toggle – A custom element to put a Dark Mode toggle or switch on your site.
• zachleat/details-utils – A suite of utilities to add more features to the details element.
• stefanjudis/web-vitals-element – A custom element to display web vitals on your page.

If you want to start building things with web components, Dave shares little-known tricks. 👇

Discover some web component tricks

Disclaimer: I'm not talking about Twitter's missing edit button.

But when I discover tiny tools enriching and adding features to platforms like Twitter, I get excited. megablock.xyz allows you to block a whole bunch of people.

Block, block, block!

Adam explains how to use the dialog element with great depth. It's by far the most practical guide I've read on the topic so far. 👏

Start the dialog

Companies can drive but also mess with your career. I never thought about it that way, but if you join a new company, you give your new manager the trust that they won't mess with your future.

Alex shares thoughts and management advice on his blog.

Learn more about management

Julia Evans asked the Twittersphere about new and modern CLI tools. Folks pointed to the modern-unix GitHub repo. And it's indeed an excellent resource to polish your current CLI setup.

You'll discover that many of these tools are written in Rust. Check out bat, exa and delta! I'm a big fan.

Use modern UNIX

From the unlimited knowledge collection called MDN... 🥁

What element is semantic super sugar, more than an ordinary list and cross-browser-supported? Let me introduce you to the menu element! 👏

Learn more about the menu element

Did you know that the caption-side CSS property defines a table's caption position? Now you do. 😉

Place your caption

• facebook/lexical – Lexical is an extensible text editor framework.
• nicolas-van/modern-async – A modern JavaScript tooling library for asynchronous operations.
• nvbn/thefuck – Magnificent app which corrects your previous console command.

Every time I see shapecatcher.com, I can't get around thinking "Wow! this is useful!". Finding a Unicode character by drawing a sketchy version of it, how cool is that?

Find some Unicode characters

You read way more code than you write. The Kernighans law's describes the disadvantages of writing "clever" code.

Giant Rooks' "Watershed" is a nice and bouncy Indie track with a great chorus. Enjoy!

Listen to "Watershed"

And that's a wrap for the sixty-third Web Weekly! If you enjoy this newsletter, I'd love you to tell others 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 yourselves, friends - mentally, physically, and emotionally. I'll see you next week! 👋