Christian Heilmann

Rethinking Device Emulation in browsers

July 20th, 2022

Device Emulation in developer tools is great, but it doesn’t deliver to all users of it and could be much better. Please help us improve it. When developer tools of browsers came out with Device Emulation and reponsive design tooling , everything changed. As a developer, you didn’t need to resize the browser window any […]

The browser console has a count method

July 14th, 2022

When debugging or analysing JavaScript, you often see people trying to find out how often a certain function is called. The common way to do that is to use a global counter variable to increment and log in the function. var i = 0; function test(){ // other functionality i++; console.log(i); // other functionality }var […]

TIL: Visual Studio Code does markdown autocompletion for in-page links

July 5th, 2022

When you write markdown files, headings automatically also get an ID generated so they become in-page targets to link to. This is also used to create a table of contents in various publishing systems. Today I learned that VS Code also offers these generated IDs as an autocomplete when you type links. If you wrap […]

Web development is like assembling IKEA furniture

July 1st, 2022

I’m currently putting things together for a new flat and I realised that there are a lot of similarities between assembling IKEA furniture and doing web development. You get a huge bag of seemingly random parts and you should sort them before you start Everything is standardised and uses building blocks The manual is meant […]

Taking screenshots of streaming video services using Browser Developer Tools

June 28th, 2022

One of the more overly strict features of video players in modern operating systems is that you can not use screen recording or screenshot tools to record content from streaming video platforms like Netflix or Disney+. Whilst I understand the need for DRM and preventing recording a streaming program, taking screenshots is a different matter. […]