Artboard 16light, inspiration, solution, idea, innovation,Google Sheets iconSwift icon
Published at
Updated at
Reading time
6min
Web Weekly keeps you up to date, teaches you web development tricks and covers all things working in tech. If you like it, subscribe below.

Happy Monday, party people! 👋

How are you holding up, friends? In Berlin, we're now entering the cold and gray season that comes without much sunlight. And my week has also been very unspectacular.

Unfortunately, Germany's COVID numbers are peaking, so there's not much to say other than take care of yourself wherever you are.

This week's Web Weekly includes:

  • Unicode, JavaScript and emojis struggles
  • VS Code tips and tricks
  • New shell commands and configurations

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

Something that made me smile

A Rapper wrapped in Angle brackets – a Wrapper component

Sanket Sahu shared the Wrapper component above, and yeah... I'm smiling when I look at it right now.

Emojis in JavaScript strings – of course, it's complicated

JavaScript source code: const emojiRegex = /\p{Emoji}/u; emojiRegex.test('⭐'); // true  // The capital 'p' negates the match const noEmojiRegex = /\P{Emoji}/u; noEmojiRegex.test('⭐'); // false

I got into the rabbit hole of JavaScript strings and Unicode. Unicode property escapes (\p{}) seemed like a straightforward way to detect Emojis, but as always, it's more complicated.

Learn about Emojis in JavaScript

Questions worth asking

My favorite random 1-1 questions

Short'n'sweet: as someone participating in many weekly 1-1 meetings, Mike Crittenden collected some questions that are worth asking (and discussing).

Have better conversations

Find the commands you ran in a directory

Command recommendation for lc command

I found the jog shell script this week. The script prints the last ten commands you ran in a particular directory. That's a great idea! I took on the journey, tweaked things, and now have a new interactive lc command ("last commands") available on my system. I have to say, I'm proud of my wild shell skills.

Level up your command history game

VS Code tips and tricks

Code 20/20

I shared Tweets from VS code maintainer Matt Bierner in previous newsletter editions. The problem with Twitter is that it "curates" your timeline. Matt tweeting VS Code tricks doesn't guarantee you seeing them.

Luckily, Matt puts all these valuable editor tricks on code2020.dev, too. And it comes with an RSS feed!

Level up your VS Code game

The JavaScript feature pipeline

Stage 4 ECMAscript proposals

Saad Quadri put together a good-looking overview of new ECMAscript features and their proposal stages. It's always good to see what's coming.

Check upcoming JS features

Innovation rarely comes from the majority

In the long term, get marginalized people into seats of power to make product decisions.

There's so much to unpack from Chelsea Troy's article "The Oxymoron of 'Data-Driven Innovation'". Chelsea describes the flaws of data-driven product design. Basing everything on pure numbers favors the majority and hinders product innovation.

Chelsea explains that I (white, male, thirty-something, etc.) probably won't come up with revolutionary product ideas and solutions because I'm part of the majority. I simply can't come up with answers to problems I don't have. That's why it's essential to put marginalized people into the center.

It's a great read; thank you, Chelsea!

Rethink your "innovation"

New PWA features

A PWA with controls in the top area

Speaking of innovation, the Chrome folks keep pushing for PWAs (progressive web apps) and are trialing ways to make PWAs look more app-like. Window control overlays are a valuable new feature to use the top area of installed web apps.

Thomas Steiner showcases many new web features in svgco.de. The app converts raster graphics to SVG. 😲

Play with svgco.de

Today Salma learned

Salma quote: I just discovered that WebP preserves animated frames in GIF images.

Last week I mentioned that I'd love to share more web development learnings from you, the Web Weekly readers. My friend Salma took the chance and shared that she learned that webp images can be animated. And on top of that, animated webp images are way smaller than gifs. Win win!

Use everything else but gifs

If you learned something, 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 discoveries!

TIL recap: git has an autocorrect flag

git autocorrect in action asking to correct `git puhs`

For the typo typers: I learned that git that you can configure git to autocorrect typos. git 2.34 added new configuration options to the feature.

Let git help you

Three valuable projects to have a look at

A new Tiny Helper

regex:help!

You might remember when I discovered grex. grex is a CLI tool that helps with regular expression creation. Feed it some strings and it'll create an expression matching them. It's not perfect, but a good starter.

This week I learned that there's now a web UI to create regular expressions – regex.help.

Automate your regex creation

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

A quote to think about

On the topic of documentation and writing tutorials, this week's quote comes from Nickolas Teixeira Lanza. If you're learning something new, remember that you're are a great person to share your learnings.

The best technical tutorials are written by engineers who don't know the technology before writing them.

A song that makes you stop coding

COMA - 'START/STOP/REWIND' (Official Video)

This week's song is a melodic electro track with beautiful background vocals. COMA's "START/STOP/REWIND" is a nicely rolling road trip song that entered my radio this week.

Listen to "START/STOP/REWIND"

Thank you for reading!

And that's a wrap for the forty-sixth 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! 🎉 👋

Related Topics

Related Articles