Christian Heilmann

Opening Node developer tools just got easier

December 1st, 2022

Microsoft Edge has a command palette which allows you to run commands by typing. You can use this to launch Developer Tools for Node. Press `Ctrl+Q` to open the command palette Type `>`, `node` and press Enter Alternatively, you can always use the old way to access Node devtools using `edge://inspect` and clicking the link. […]

Stop waiting for GitHub pages to build using overrides

November 29th, 2022

Using overrides in Chromium DevTools you can cache static assets locally and you don’t need to wait for GitHub pages to build before seeing a change in your scripts or styles. GitHub Pages are a great offer. You can host and version control not only your code on GitHub, but you can also turn it […]

Positioning notification messages with accessibility in mind

November 25th, 2022

Sometimes you want to notify a user that something has happened in your application. To be as inclusive as possible, it is important to display these notifications close to where the action happened. Here is how to do that with plain javascript. When something happens in an application that has no direct visual outcome, it […]

Using Live Server with Developer Tools in Visual Studio Code

November 22nd, 2022

By using the Edge DevTools extension together with Live server in VS Code you don’t only get a server that shows your changes live in the browser, but a browser and developer tools right in the editor The Live Server extension for Visual Studio code has been installed 25M times and is incredibly useful. It […]