DEV Community

Stefan Judis
Stefan Judis

Posted on

🧒 Stefan's Web Weekly #18

Welcome to Web Weekly #18!

Hello friends! The increasing number of vaccinations and today's 25Β°C made it a perfect weekend. It slowly feels like we get a hold of all this madness here in Germany.

Before we jump into web stuff, look at this badass gang of friends taking a selfie! πŸ‘‡ I had a good laugh about this Twitter thread.

Badass animal selfie on Twitter

This week's Web Weekly includes:

  • Glue work in tech
  • Facts about the display CSS property
  • "body-ok" in HTML

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

Ready? Steady. Go!

What's "Glue work"?

Sketch note about Talk "being glue"

Glue work is activities that enable teams and make them successful. It can include coordinating activities, writing docs or helping out new team members. And while there's nothing wrong with glue work, people are often not recognized for their time-consuming work. Glue work can literally harm your career.

If you're not familiar with the concept, check out Tanya Reilly's fantastic talk on the topic. πŸ‘‡

πŸ‘‰ Learn about "Glue work"

All things #webperf – the new WebPageTest blog

WebPageTest Blog by Catchpoint

Tim Kadlec recently joined the team working on the web performance monitoring service WebPageTest. And he didn't waste any time and published multiple excellent articles on the WebPageTest blog right away:

Luckily, the blog has an RSS feed to keep up with all this web performance education.

πŸ‘‰ Check the new WebPageTest blog

A bunch of handpicked personal websites

A list of 100+ handpicked personal websites

The following resource is one for the bookmarks: if you're rebuilding your website and need some inspiration, personalwebsites.top lists many good-looking sites.

πŸ‘‰ Check personal websites

How do you use CSS custom properties?

We had a period of a few minutes where we were talking past one another, because, as it turns out, we have completely opposite ideas about the use of CSS custom properties. I had never considered his approach, and I found it interesting enough to write this quick post.

I chatted with Peter-Paul Koch about CSS this week. He's working on a book that teaches CSS for JavaScript developers. It turned out that Peter and I approach and use CSS custom properties differently... πŸ˜† It's a very subtle difference and shows the power and flexibility of CSS! πŸ’ͺ

πŸ‘‰ Read about the two approaches

Celebrate what you learn!

The bar for a TIL is literally β€œdid I just learn something?”—they effectively act as a public notebook.

A year ago, Simon Willison started publishing TIL ("Today I learned") posts. He looked back and shared his motivation for writing down all these short notes. If you want to start blogging, I highly recommend kicking it off with writing TIL posts.

(I document my learnings since February 2017, too. πŸ™ˆ)

πŸ‘‰ Learn why TIL blogging is great

HTML and password managers – when input names matter

Substack's UI and 1Password just cost me $2,023

How do password manager browser extensions work? One might think that there's a standard to define what input fields should be filled, but often these extensions scan the DOM and try to populate the correct fields depending on their name. Timmy O'Mahony shared how an HTML input name led to a 2k$ charge he didn't even notice.

πŸ‘‰ Find out what happened

The big benefits of little changes

I recently shipped two things at GitHub that had an impact beyond my wildest dreams. The amount of gratitude and love that spilled out of the community is like nothing I’ve seen before. But the things I shipped weren’t these huge, meaty projects. They were tiny.

Oldie but goldie: Joel Califa wrote a post about tiny feature releases and how they make a difference in product perception. Often it's not the "big bang release" but rather a tiny feature addition that gets people excited. Joel shares examples from GitHub and Netflix. The post is golden, not only for product managers.

πŸ‘‰ Implement Tiny Wins in your product

What's "body-ok" in HTML?

Twitter Poll: #HTML quiz! What is β€œbody-ok”? Content is king – 20.6%, You may omit body tags – 7.4% link's okay in body – 10.9% There’s no such thing – 61.1%

Jens Oliver Meiert asked the Twittersphere if the term "body-ok" is a thing in HTML. I haven't heard of it, and he explains what it's about on his blog.

πŸ‘‰ Learn about body-ok

Pro tip: how to get sites you use daily out of your browser

Chrome -> More Tools -> Create Shortcut " β˜‘οΈ  Open as Window" turns any website into a Desktop app and it is glorious! (Accessible via Dock/CMD+TAB or whatever your OS jam is) I have no idea why it is called "Create Shortcut".

Malte Ubl shared a Chome trick that helps you deal with your most-used apps. In Chrome, you can create "Shortcuts" for a particular website (it doesn't need to be a PWA). I use separated Gmail and Google Calendar windows (shortcuts) for a while now and it works great.

Give it a try!

πŸ‘‰ Check Malte's Tweet

Understanding CSS display

Understanding Display – Rachel Andrew

Rachel Andrew is one of these speakers that can teach you an incredible amount of knowledge in a single talk. I haven't had the time to go over all the 113 slides of Rachel Andrew's talk "Understanding Display" yet, but I'm sure it's fantastic!

πŸ‘‰ Go over Rachel's slides

Reader shout out πŸ’™

If you’re looking for interesting newsletters, here’s one. I rarely read newsletters, but  @stefanjudis  here always seems to have a very interesting list of topics

Jules Kulcsar shared this newsletter on Twitter. When these Tweets enter my notifications, they make my day!

Thank you, Jules! And thank you all for reading along. πŸ’™

A new Tiny Helper

grep.app screenshot

//grep.app searches code from over a half-million public repositories on GitHub. And it's very speedy!

πŸ‘‰ Search GitHub

Find more single-purpose online tools on tiny-helpers.dev

Three valuable projects to have a look at

A quote to think about

I read the news over my morning coffee usually, but there might be some truth in this week's quote from Sahil.

Read before sleeping, write after waking.

A song that makes you stop coding

Cover: Mojjo, Meca, LUISAH - Love The Way

I went out for a run today, and "Mojjo, Meca, LUISAH - Love The Way" entered my headphones. The funky house track sounds like friends, open-airs, and pure summer!

πŸ‘‰ Listen to "Love the way"

Thank you for reading!

And that's a wrap for the eighteenth Web Weekly! If you enjoy my newsletter, I'd love you to tell others about it. β™₯️

If you're not a subscriber, you can change that! πŸ˜‰


Stay safe, and I'll talk to you next week! πŸŽ‰ πŸ‘‹

PS. I heard the cool kids use RSS. You can find multiple feeds on my site.

Top comments (0)