DEV Community

Stefan Judis
Stefan Judis

Posted on • Edited on • Originally published at stefanjudis.com

๐Ÿงข Stefan's Web Weekly #9

Welcome to Web Weekly #9

Important news: I have a new keyboard! I went all-in with a super fancy ergonomic mechanic one. And well... it's tough. I'm typing 30min per day on it, and hopefully I'll succeed and learn where all the keys are. Wish me luck!

Moonlander keyboard

This week's Web Weekly includes many tools, ping pong in pure CSS, tips to avoid a computer full of random files, and, as always, GitHub repositories, new Tiny Helpers and some music.

Shall we? Let's do it!

Your /uses pages

If you document your setup online, let me know by replying to this email. I would love to include some setups next week!

I shared my /uses page last week and asked you to send me yours. It means a lot to me when people reply to this weekly email.

Let me share some /uses pages I received:

Scream (or write) into the void

I have a document in Writerie which is called The Void - every time (at least most of the time) I am angry about something or want to complain and would normally tweet it out, I instead write it down in The Void.

Michael Scharnagl shared his approach to dealing with anger. Instead of replying angrily on social media or writing a snarky email, he writes his rage into a document to let it out. I love this approach!

๐Ÿ‘‰ Start writing into the void

Tech talks with a surprising turn

Zach Leat presenting

I love it when talks include a surprising element. Zach Leatherman gave "a talk about building websites" at Smashing Conf. And not only do I agree with what Zach was sharing, the talk itself included a wonderful surprise to the end. Fabulous!

๐Ÿ‘‰ Watch "a talk about websites"

Stop polluting your computer with screenshots and downloads

Why I don't need to clean up my desktop and downloads folder in macOS

I read some Twitter threads about keeping the desktop and downloads folder clean on macOS. That's a problem that I don't have because I adopted two tricks in my workflow to delete files automatically using the /tmp directory.

๐Ÿ‘‰ Stop spending time on file deletion

The number one rule when having 1:1 conversations

Oh, and of course make sure to consider the following crazy important golden rule of life and the universe: don't do anything else while having a one-on-one interaction with someone. Just never do this.

Santeri Liukkonen shared some advice on how to live in this world full of digital distractions. It's an excellent read and included this one important rule for 1:1 interactions.

๐Ÿ‘‰ Read "Age of distractions"

More tools, tools, tools...

Hidden tools โ€“ Discover a wide collection of tools made by the community

Bereket reached out to me sharing his new project โ€“ hiddentools.dev. He's a 12 years old (!) maker from Canada. Great work, Bereket!

๐Ÿ‘‰ Find more useful tools

Impressive CSS skills

Screenshot of CSS-only table tennis

There are many impressive CSS demos out there. I admire people that have the patience to build these artworks. This CSS-only ping pong table by Amit Sheen uses 360 lines of SASS and is truly impressive. 3D in CSS is so hard!

๐Ÿ‘‰ Watch some ping pong

You might have heard about it โ€“ I โ™ฅ๏ธ RSS

I enjoyed the freedom to see sources as I wanted, the flexibility to move to a new reader if I wanted, the complete lack of advertising. It was hard to not fall in love with the service.

Marc shared why he's still using RSS and how you can consume Reddit, YouTube and GitHub with your RSS reader of choice! Right down my alley. ๐Ÿ™ˆ

๐Ÿ‘‰ Start using RSS

Car rides for your 2nd monitor

Driveandlisten screenshot

Bramus shared the wonderful site driveandlisten.herokuapp.com. I'm super into it! It plays videos of cars driving around in multiple cities while playing local radio stations. The site it perfect to have it running on your 2nd monitor.

And it's funny; the Berlin video passes where I'm writing this newsletter right now.

๐Ÿ‘‰ Drive around and listen to some music

Start using comments in your shell to find commands easier

A CLI command with comments

Suppose you're spending a lot of time in the terminal running multiple different commands with different configurations. In that case, running commands with comments can help to use the command history more effectively. CLIMagic shared a quick video with some nifty CLI tricks.

๐Ÿ‘‰ Level up your CLI skills

TIL: text-transform: capitalize is a thing

Source code showing text-transform: capitalize

Marco Denic shared a CSS fact that I didn't know. You can use text-transform for more than uppercasing some characters. ๐Ÿ™ˆ

๐Ÿ‘‰ Check Marco's Tweet

More visual CSS tools are landing in DevTools

Visual Flexbox DevTools control

Chrome 90 will ship with a new visual Flexbox tool. Firefox kicked it off with excellent CSS Grid tools, and I'm thrilled that developer tools get more powerful with every release.

๐Ÿ‘‰ See the new Flexbox tool in action

New tiny helpers

Screenshots of SVG Color Matrix Mixer, SVG Repo and Merge PDF

  • SVG REPO โ€“ Explore, search and find the icons or vectors.
  • Merge PDFs โ€“ I think you get the idea. ๐Ÿ™ˆ
  • SVG Color Matrix Mixer โ€“ Generate nice looking color matrix filters for your images.

Three useful projects to have a look at

A quote to think about

Sometimes, when I'm stressed, or things are not going as I expect, I can enter "complainer mode". Everything sucks then, and usually, that's not helpful. James Pierce shared a great sentence I try to keep in mind in the future.

The more you complain, the less you value your time.

A song that makes you stop coding

Cover: Feist โ€“ Limit to your love

An absolute classic song caught me this week. Feist's "The Limit to your Love" is one of these songs that'll never get old. Enjoy!

๐Ÿ‘‰ Listen to Feist


And that's a wrap for the ninth Web Weekly! ๐ŸŽ‰

Writing this newsletter takes me three hours every Sunday. If you enjoyed this edition, a quick share means the world to me and you can subscribe on my site, too. โ™ฅ๏ธ

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)