🧢 Stefan's Web Weekly #2

stefanjudis

Stefan Judis

Posted on January 17, 2021

🧢 Stefan's Web Weekly #2

Welcome to Web Weekly #2!

This week I'm sharing why I'm writing down my web development learnings, a game that lets you master 2020 and a creative CSS gradient trick.

Sounds good? Let's dive right in!

Write down what you learn

Last week my blog's Today I learned section made it into the Smashing Magazine newsletter. I couldn't believe my eyes when I saw all these new subscribers coming in. Hello everyone and thank you so much for reading along!

6. Never Stop Learning  Learning never stops. And since it’s often the little insights, code tidbits, and tips that turn out to be the most useful, Stefan Judis started “Today I Learned”.

February 22nd 2017, I started the habit of writing down quick notes to my future self. Whenever I had the thought "Huh! I didn't know that.", I wrote it down. The whole purpose of these notes is to remember facts and articles in the future. Once I have written down something, it's more likely that I'll remember it. And if not (I forget a lot), chances are high that I recall that it's on my blog somewhere.

If you want to get into writing, I recommend starting a TIL blog. Write down notes for yourself. Share your learnings with friends, learn in public. Always remember, when you learn something new, you're usually not alone.

Do you have a TIL blog? Let me know, I'd love to share a few blogs next week!

Being creative with web technology

Since watching Matthew Rayfield's Animating URLs with Javascript and Emojis, I'm a fan of his videos and projects. His videos make me laugh, and he builds wonderful creative things with web technology.

Last week he released another pop-up experiment, and you should play around with the Matryoshkas!

Popup Matryoshka pop up example

Email inputs can accept multiple emails addresses

Thanks to Bramus, I learned that email input fields could accept multiple emails. Amazingly, learning HTML never stops. There's always more tiny details to discover.

HTML form including an email input accepting multiple email addresses

If you want to learn more, I wrote down my thoughts of this feature. But headsup, unfortunately, I wouldn't recommend using it. 🙈

The state of PWAs in 2021

Over the last few years, I primarily built websites and haven't had the chance to build web apps. That's why I stopped paying attention to all the things happening in the PWA (progressive web app) space. Maximiliano Firtman's post Progressive Web Apps in 2021 is excellent for catching up!

Screenshot of "Progressive Web Apps in 2021" article showing the headline and author (Maximiliano Firtman)

AVIF is around the corner

Last week I learned that Firefox supports the new AVIF image format soon. I haven't had the chance to play around with it yet, but it looks like it beats all existing image formats in file size.

Caniuse.com table showing avif support in Chrome, Opera and Firefox

If you want to learn what it's about, read Jake Archibald's post AVIF has landed, and if you're looking for the picture element snippet to load AVIF or webp you can find it on my blog.

A smart CSS gradient snippet

Matthias Ott shared a useful CSS snippet to create multiline backgrounds. It includes box-decoration-break and mix-blend-mode.

Headline with a multi-line gradient

Check out his example CodePen if you want to dive into the code.

The year 2020 as a game

I'm just going to leave the 2020 game here. Have fun!

Splash screen 2020 game

A good read about running a startup

I finished the book Anything you want written by Derek Sivers. It's a quick read (I finished it in two days) about what it means to run a fast-growing startup. Derek founded and later sold CD Baby. The book includes many learnings, entertaining stories and lots of advice for building a product or company.

Cover of "Anything you want" by Derek Sivers

Three useful projects to have a look at

A quote to think about

Live chat is for the things that can get lost.

Mike Crittenden wrote the article If it will matter after today, stop talking about it in a chat room and it's a good read when you're struggling with chat communication at work.

A song that makes you stop coding

In December, I shared my discovery of Grandbrothers. They produce wonderful piano tracks paired with smooth electronic sounds. Gonçalo gave me a hint that they released a new album and what shall I say...

"All the unknown" might be my album of 2021. "What we see" is another track that gave me goosebumps. I can't wait to see them live once this whole madness is over!

YouTube screenshot showing abondend rails

I'm always looking for new songs. What are your tracks of 2021 so far?


And that's a wrap for the second Web Weekly! 🎉

If you enjoyed this edition, a quick share means the world to me. :)

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.

💖 💪 🙅 🚩
stefanjudis
Stefan Judis

Posted on January 17, 2021

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related