Christian Heilmann

Quick VS Code tip: Automatically add image width and height to images

April 14th, 2021

One thing that keeps amazing me about Visual Studio Code is how much it helps you automate annoying tasks when you write code. For example, if you add an img tag to the document you need to know the src and find out the width and height to avoid reflow issues when the image was […]

Quick Tip: Save Twitter GIFs as MP4 without any add-on or service

April 12th, 2021

When you want to save a GIF from Twitter, the interface plays a cruel joke on you. If you context-click the GIF you get a menu that states “Copy GIF address”. All it does though is copy a link to the tweet with the GIF in it, which is pretty pointless. Under the hood Twitter […]

Quick Visual Studio Code tip: Expand/Shrink selection

March 23rd, 2021

The “expand/shrink” selection keyboard shortcut in Visual Studio Code βŒƒβ‡§βŒ˜→ / ← isn’t the easiest to remember, but ridiculously powerful. It recognises code block boundaries and selects accordingly!

Batch cropping of screenshots on MacOS

March 17th, 2021

I’m currently upgrading the Console documentation for Microsoft Edge and I needed to create a lot of screenshots for it. I wanted to make sure that they all are the same size, so I fixed a browser window to a certain size and instead of trying to screenshot a part of the screen, I thought […]

Conditional animations with CSS properties

March 13th, 2021

Using animations, transitions and smooth scrolling is fun, but they also represent an accessibility problem. Various groups of people have a hard time using your products when things move and change all the time. This is why operating systems have a “reduced motion” setting you can turn on. Our CSS animations should respect these settings […]