I hope you're all safe and sound! From my side, nothing major happened this week, and the biggest highlight was that I learned there is a 🪤 emoji (that's a mousetrap). 🙈
This week's web weekly includes DevTools tricks, the power of storytelling and metaphors, strict Node.js versions, and, as always, GitHub repositories, new Tiny Helpers and some music.
Shall we? Let's do it!
Vitaly from Smashing Magazine published an extensive article on tips and shortcuts in the browser developer tools. It covers Chrome, Edge and Firefox. It's full of tricks and worth a read!
It doesn't matter if you're giving a presentation, writing an article, or are having a conversation. If you want to make your point clear (and maybe convince someone), it's all about how you convey your message and what metaphors you use. Jason Lengstorf wrote an excellent article on how he first failed but later convinced his team to use new software.
A while ago, I discovered that Chris Coyier from CSS-Tricks has a side blog – "Email is good". On this blog, he shares his thoughts on emails and communication in general. He recently shared his thoughts on nohello.net (I included it in Web Weekly #4) and also came up with the idea of a digital decline letter to respond to emails.
It feels like we're entering a phase of new tools for web development. Products such as Polypane and Sizzy are browsers built to make responsive web development more straightforward. This week I learned about Responsively, and the browser extension looks like a massive help when building responsive websites.
If you're using a password manager (and I hope you do), you might have noticed that sometimes password fields are not detected and aren't filled out. I came across Hidde de Vries' article on the topic. It explains how to build great password fields.
Stephanie Eckles maintains a site including small CSS snippets for everyday problems. Great work!
Wes Bos' Twitter thread made me smile. Developers have a well-known low barrier when it comes to buying domains. I'm still proud that I own
my-links.online for sharing URLs. Have fun reading all these beautiful domain purchases.
I don't get much spam, and if I do, I'm super quick with hitting the spam button. I never realised, though, that opening a spam email already confirms that a person monitors it. I'll be even quicker with the spam button in the future.
While maintaining Tiny Helpers, I didn't notice that many included tools are from one developer – Yoksel. I love that we, as developers, can sit down and build the tools we need. I ♥️ computers!
You might know the Codrops blog. I always loved their collections of beautiful and creative Frontend examples. This week I came across a collection of hover styles and adjusted my blog navigation.
This week I did some housekeeping and updated an article describing how to prevent people from running
npm install in your project when they're not running the correct Node.js version.
This week I learned that you could use
console.trace to log out stack traces and(!) objects.
You probably know that I'm excited about the new Avif image and video format. Malte Ubl shared some guidance on how to approach the quality levels when converting images into different formats.
Today I listened to this playlist paired with bar noises while reading some articles. I have to admit that I miss the chatters and sounds of people enjoying a good night out.
- Ray.so – Create and share beautiful images of your source code.
- Online gif tools – Create, edit and convert GIFs.
- GraphQL Voyager – Represent any GraphQL API as an interactive graph.
- postui/esm.sh – A fast, global content delivery network for ES Modules.
- google/eleventy-high-performance-blog – A high-performance blog template for the 11ty static site generator.
- malgamves/CommunityWriterPrograms – A list of Developer Community Writer Programs.
Blogging is pointing at things and falling in love.
SBTRKT's funky electro track with a great singers voice made me bounce around this week.
And that's a wrap for the seventh Web Weekly! 🎉
If you enjoyed this edition, a quick share means the world to me. :)
Stay safe and warm, and I'll talk to you next week! 🎉 👋
PS. I heard the cool kids use RSS. You can find multiple feeds on my site.