Published at
Updated at
Reading time
The Web Weekly newsletter keeps you up to date, teaches you web development tricks and covers all things working in tech.

Happy Monday Wednesday, party people!

I'm super late this week, but hey, here I am! I was soooo close to skipping this week's edition, but I only missed sending one Web Weekly last year, and I'm aiming for the same consistency in 2022! 😊

This time Web Weekly includes:

  • the new and shiny – CSS cascade layers
  • cultural differences in Emojis
  • tips to succeed in your next technical interview

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

On a personal note

Tweet: Friends, I'll be looking for a new job in a few months. I'm in tech for 10y and do DevRel for 5y.  I blog, run a newsletter, record occasional videos, and spoke at 50+ conferences.  I'm still super excited about tech & love teaching.  Hints and retweets are welcome.

After two years at Contentful, I decided to look for something new at the beginning of April. Of course, everything's happening at once. I'm moving apartments while looking for a new job. YOLO!

I'd love to stay in Developer Relations or Developer Experience, so if you know a great place, let me know.

Something that made me smile

Thread See new Tweets Conversation Fred Schultz @FredSchultz35 His parents had a stuffed toy made from one of his drawings, so cool. πŸ˜ƒπŸ”₯❀️

This video is just too cute. πŸ₯°

Be amazed

Is Apple crowdfunding WebKit development?

1. Apple doesn’t have to crowdfund anything, up to and including colonization of the Moon. (They might have to ask for a few bucks to do Venus or Mars.) 2. Apple didn’t crowdfund :focus-visible.

The CSS pseudo-class :focus-visible will be supported in Safari soon (Yay!). This addition makes :focus-visible available across all major browsers. But the CSS feature wasn't implemented by Apple. Igalia, an open source consultancy, put in all the work. This fact led to heated discussions around Apple, WebKit maintenance, and if Apple should have implemented the feature themselves.

Eric A. Meyer explains what happened and that Apple is not crowdfunding anything.

Is Apple crowdfunding stuff?

How to approach technical interviews

My approach to coding interviews: optimize for iteration

Google's Dev Advocate Surma was recently looking for a new job (he'll go to Shopify) and wrote down some advice on succeeding at interviews. The post includes a technical solution to a coding task, too. Great read!

Prepare for your next job interview

TIL – CSS animations override other declarations

/* Animation declarations take precedence over normal  declarations */ body {   animation: bg 0s forwards; }  @keyframes bg {   to {     background: yellow;   } }

Manuel Matuzovic published a brilliant CSS specificity demo, and I learned that animated CSS properties overrule CSS declarations with high specificity (not !important, though).

Have a look at Manuel's demo to refresh your CSS specificity knowledge.

Play with the demo

Caching is essential (and complicated)

How I Got Pwned by My Cloud Costs maintainer Troy Hunt runs his web properties on Micorosoft Azure. Last week he discovered that he was billed a few thousand dollars more than usual. 😲

The following post is an excellent explainer on infrastructure, caching and the importance of guard rails.

Set up cost alerts

Share how to pronounce your name

Your name is part of your identity. How does the world say your name?

How often do people pronounce your name the wrong way? I don't mind people calling me "the English way", but I appreciate it when people try to say it right.

Here's an idea: what if we all started adding quick recordings to our email signatures and social profiles to let people know how to call us? is a service allowing you to do just that.

I'll probably host an audio file on my site instead, but I love the idea.

Record yourself saying your name

Why you should define active goals

Never set a goal that a dead person can do better than you

Quick'n'easy: I loved Mike's take on goal settings.

Focus on things to do

Cultural Emoji differences

Why does the πŸ“ˆ Chart Increasing emoji show in red?

Emojis are so fascinating! Did you ever wonder why the increasing chart Emoji shows a red line? Emojipedia has you covered on that one. πŸ‘‡

Learn more about Emojis

πŸ”₯ CSS Cascade Layers are coming to town

@layer framework {   @layer reset, base, components; }  @layer framework.reset { ... }

Last week everybody was talking about CSS cascade layers. The new CSS feature was implemented across browsers incredibly quickly.

If you want to learn more about them, here are some valuable resources:

Is asking about work-life balance the wrong question?

A common question I get is about work/life balance. And I view it a little different too now. At Facebook I could get by barely working a few hours a day. But the job was so unsatisfying that it spilled the frustration in the β€œlife” part. So I re-frame the question: how’s work affecting your life? For me leaving Facebook was definitely a huge improvement.

When evaluating a new job, it's easy to ask about work-life balance. But what does work-life balance mean? If you're working only 32h per week, but the environment is stressful and draining, is this a healthy work-life balance? And on the other side: if you're working 50h per week but the work is fullfilling and all your peers are supportive. Is this a good work-life balance?

Alex Kotliarskyi describes how he "tried to leave Facebook" and advocates for asking "How does work affect your life?" instead.

Find out what it's like to leave a big corporation

TIL recap: Input elements hold references to connected labels

Example showing the element.labels holds references

Did you know that you can access an input's labels via the labels property? Now you do. :)

Access your labels

If you learned something new, no matter if small or big, old or new, documented or not, I'd love to include more learnings in this newsletter. Send me an email, and I'm happy to share your discovery!

Three valuable projects to have a look at

A new Tiny Helper interface showing extracted green tones from the spotify website. is a handy tool to extract any website's color definitions.

Extract colors

Find more single-purpose online tools on

A quote to think about

I ran a webinar with Jason Lengstorf two weeks ago. We built a virtual postcard site using Contentful and Netlify's On-demand builders.

We discussed that it's such a great time to be a developer because there are countless APIs and services to build cool stuff. Jason said the following, and I feel the same.

I'm not a full-stack developer, but I can build full-stack applications.

A song that makes you stop coding

Pale - You Wanna Be So Good (Offical)

I went down 90ies indie band memory lane this week. Here's "Pale" with a song from 2006. πŸ’™

Listen to "You Wanna Be So Good"

Thank you for reading!

And that's a wrap for the fifty-fifth 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! πŸŽ‰ πŸ‘‹

Was this post interesting?
Yes? Cool! You might want to check out the email version. The last edition went out 8 days ago.
Stefan standing in the park in front of a green background

About Stefan Judis

Frontend nerd with over ten years of experience, freelance dev, "Today I Learned" blogger, conference speaker, and Open Source maintainer.

Related Topics

Related Articles