Christian Heilmann

[Video] Learn how to debug web projects end-to-end in VS Code in 5 minutes

August 9th, 2021

This weekend I released a video on the YouTube Channel of Visual Studio Code that shows end-to-end web project debugging. In five minutes I walk through debugging a web project bit by bit: I open a project inside VS Code by opening its folder. The demo used is a simple, plain Vanilla JS/CSS/HTML ToDo app […]

Happy Birthday, WWW – 30 years of mining a landfill for valid code

August 6th, 2021

Today the World Wide Web is 30 years old. I’ve worked on it since 1997 or so and I saw a lot of technologies and design trends come and go. I’ve also seen a lot of “this is much better and will replace the web” solutions come and go. What remained is the web with […]

Redirecting GitHub Pages

August 3rd, 2021

Today I finished moving the Edge Tools for VS Code extension documentation to its official space in the Microsoft docs. That meant I needed to redirect the documentation I hosted with GitHub pages in a docs folder/branch of the repository. There are plugins available for that, but I didn’t want to install any extra features […]

Using console.log() debugging in Visual Studio Code

July 30th, 2021

Using the new in-built JavaScript debugger in Visual Studio code you can use the browser developer tools Console right inside the editor. I just published a “TikTok” style video on the official Visual Studio Code channel explaining this and – after lots of criticism for the quality of the video (lads, this is on purpose!) […]

Accessibility WTF: Voiceover on Mac announcing a list tree as a table?

July 28th, 2021

I’m currently investigating a strange bug we got reported with the Edge Developer Tools. Voiceover on MacOS announces the DOM tree as a table and tells you how to navigate it – which then doesn’t work. The reason is that the markup isn’t a table. The DOM tree is, well, a tree, built with OL, […]