Google Sheets iconSwift icon
Back to site

Learn something new every week!

Sign up to start every week with quick to read Web Development learnings, productivity tricks, useful GitHub projects, #devsheets and music that keeps you going.

Join 990 subscribers today!

Prefer RSS? Go to my feeds page to pick what you're interested in.

What other people say

Chris Ashton Twitter profile picture
I'm a web developer of around 12 years experience, but I just learned three things from a single issue of @stefanjudis' excellent newsletter.
Chris Ashton, Senior Developer @GDSTeam, Twitter
Eva Dee's profile pictuer.
Stefan's newsletter is the one newsletter I actually read on the day it gets in - instead of bookmarking it under MUST_READ and never getting around to doing that... I always learn something, whether it be about tech or how to be a more productive, effective, and inclusive developer. <3
Eva Dee, Software Developer, includeJS.dev
Wojtek Jeremy Połowniak Twitter profile picture.
I love @stefanjudis latest initiative - weekly newsletter, its already 8th issue helps me to stay up to date with newest features and cool practices - and is, generally speaking - awesome!
Wojtek Jeremy Połowniak, Senior Fullstack Engineer, Twitter
Antodev Twitter profile picture
My new Monday morning routine is @stefanjudis weekly newsletter. You should read it. ♥️
@antodev89, Software Developer, Twitter

Last newsletter

Stefan's web weekly.

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.

View all past newsletters