DEV Community

Christian Heilmann profile picture

Christian Heilmann

Open Web guy at Microsoft and long-time JavaScript user

Location Berlin, Germany Joined Joined on  Personal website https://christianheilmann.com github website twitter website

Work

Principal Program Manager at Microsoft

Using browser developer tools as an image browser

Using browser developer tools as an image browser

Reactions 4 Comments
1 min read
Cheat codes for the web – Browser developer tools for non-developers

Cheat codes for the web – Browser developer tools for non-developers

Reactions 7 Comments
3 min read
Rethinking Device Emulation in browsers

Rethinking Device Emulation in browsers

Reactions 7 Comments
5 min read
The browser console has a count method

The browser console has a count method

Reactions 10 Comments 1
1 min read
TIL: Visual Studio Code does markdown autocompletion for in-page links

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

Reactions 13 Comments
1 min read
Web development is like assembling IKEA furniture

Web development is like assembling IKEA furniture

Reactions 9 Comments 2
1 min read
Taking screenshots of streaming video services using Browser Developer Tools

Taking screenshots of streaming video services using Browser Developer Tools

Comments
2 min read
One line of CSS to add basic dark/light mode

One line of CSS to add basic dark/light mode

Reactions 59 Comments 7
1 min read
GitHub Copilot explaining code and translating it from one language to another

GitHub Copilot explaining code and translating it from one language to another

Reactions 30 Comments 2
1 min read
What people think that web developers do vs. what we really do

What people think that web developers do vs. what we really do

Reactions 19 Comments 6
1 min read
A teleprompter script for video recordings

A teleprompter script for video recordings

Reactions 5 Comments
1 min read
Global Accessbility Awareness Day - Does your web product support the needs of the many?

Global Accessbility Awareness Day - Does your web product support the needs of the many?

Reactions 18 Comments
3 min read
Fixing the accessibility of Inspection overlays

Fixing the accessibility of Inspection overlays

Reactions 7 Comments
2 min read
A "Quick edit" bookmarklet to edit any web site

A "Quick edit" bookmarklet to edit any web site

Reactions 10 Comments 3
1 min read
"Someone should build X for the web" - why not you? All you need is a GitHub account

"Someone should build X for the web" - why not you? All you need is a GitHub account

Reactions 14 Comments 1
4 min read
Edge DevTools for Visual Studio Code V2

Edge DevTools for Visual Studio Code V2

Reactions 12 Comments 1
4 min read
One million broken web sites - and a way to prevent that

One million broken web sites - and a way to prevent that

Reactions 17 Comments 1
4 min read
CSS Mirror Editing with Sourcemapped files (Sass, React…)

CSS Mirror Editing with Sourcemapped files (Sass, React…)

Reactions 9 Comments 1
2 min read
Quick MacOS tip: Preview as a built-in zoom lens

Quick MacOS tip: Preview as a built-in zoom lens

Reactions 12 Comments
1 min read
The devil is in the details…

The devil is in the details…

Reactions 16 Comments 4
2 min read
Quick survey: help improve the simulation options of browser developer tools

Quick survey: help improve the simulation options of browser developer tools

Reactions 11 Comments
2 min read
Console.log() inside Visual Studio Code

Console.log() inside Visual Studio Code

Reactions 37 Comments 4
2 min read
Running a dedicated local server for a VS Code debugging session using tasks

Running a dedicated local server for a VS Code debugging session using tasks

Reactions 12 Comments
3 min read
Destructive arguments used in technology discussions on social media that have to die

Destructive arguments used in technology discussions on social media that have to die

Reactions 76 Comments 16
4 min read
Want to improve Developer Tools in Microsoft Edge? File an issue on Github

Want to improve Developer Tools in Microsoft Edge? File an issue on Github

Reactions 19 Comments
1 min read
Showing different titles depending if the tab is active or not

Showing different titles depending if the tab is active or not

Reactions 18 Comments
1 min read
Sending email notifications from GitHub organisations to different emails

Sending email notifications from GitHub organisations to different emails

Reactions 7 Comments 1
1 min read
A launch.json to turn VS code into a full web development IDE

A launch.json to turn VS code into a full web development IDE

Reactions 639 Comments 7
4 min read
Turning a GitHub page into a Progressive Web App

Turning a GitHub page into a Progressive Web App

Reactions 7 Comments
3 min read
Let's not send developers to the accessibility tree tool

Let's not send developers to the accessibility tree tool

Reactions 4 Comments
3 min read
Developer Tools secrets that shouldn't be secrets

Developer Tools secrets that shouldn't be secrets

Reactions 277 Comments 6
11 min read
Edge DevTools for Visual Studio Code 1.4.0 - Improved Screencasting, Device Emulation and live, inline issue reporting

Edge DevTools for Visual Studio Code 1.4.0 - Improved Screencasting, Device Emulation and live, inline issue reporting

Reactions 51 Comments
2 min read
Locking editor panes in Visual Studio Code prevents unwanted multi-tab experiences

Locking editor panes in Visual Studio Code prevents unwanted multi-tab experiences

Reactions 6 Comments
1 min read
Using console.log() on any website? Logpoints let you do that!

Using console.log() on any website? Logpoints let you do that!

Reactions 5 Comments
1 min read
[Video] Learn how to debug web projects end-to-end in VS Code in 5 minutes

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

Reactions 28 Comments
3 min read
Redirecting GitHub Pages

Redirecting GitHub Pages

Reactions 12 Comments 3
2 min read
Using console.log() debugging in Visual Studio Code

Using console.log() debugging in Visual Studio Code

Reactions 7 Comments
3 min read
Debugging JavaScript, DOM, CSS and accessing the browser console without leaving Visual Studio Code

Debugging JavaScript, DOM, CSS and accessing the browser console without leaving Visual Studio Code

Reactions 23 Comments 3
2 min read
Quick VS Code tip: Automatically add image width and height to images

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

Reactions 1 Comments
1 min read
Save Twitter GIFs as MP4 without any add-on or service

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

Reactions 7 Comments
1 min read
Quick Visual Studio Code tip: Expand/Shrink selection!

Quick Visual Studio Code tip: Expand/Shrink selection!

Reactions 4 Comments
1 min read
Batch cropping of screenshots on MacOS

Batch cropping of screenshots on MacOS

Reactions 17 Comments 2
2 min read
Conditional animations with CSS properties

Conditional animations with CSS properties

Reactions 50 Comments
2 min read
How to debug web projects using the browser developer tools inside Visual Studio code

How to debug web projects using the browser developer tools inside Visual Studio code

Reactions 7 Comments
1 min read
Syncing visual CSS changes in browser tools with source code using Workspaces

Syncing visual CSS changes in browser tools with source code using Workspaces

Reactions 2 Comments
2 min read
Get all headings and their target URLs from a Markdown generated page

Get all headings and their target URLs from a Markdown generated page

Reactions 5 Comments
1 min read
Using position: sticky to create persistent headers in long texts

Using position: sticky to create persistent headers in long texts

Reactions 3 Comments
1 min read
Sharing data between CSS and JavaScript using custom properties

Sharing data between CSS and JavaScript using custom properties

Reactions 40 Comments 3
3 min read
Seven ways to test for accessibility of your web site with browser Developer Tools

Seven ways to test for accessibility of your web site with browser Developer Tools

Reactions 13 Comments
5 min read
Quick tip: How to capture and replace newlines in liquid for Jekyll/GitHub Pages

Quick tip: How to capture and replace newlines in liquid for Jekyll/GitHub Pages

Reactions 1 Comments
2 min read
Quick tutorial CSS tip: How to show source code the easy way

Quick tutorial CSS tip: How to show source code the easy way

Reactions 50 Comments 7
3 min read
Quick hack: How to make the new CSS Overview feature of Chromium DevTools shareable

Quick hack: How to make the new CSS Overview feature of Chromium DevTools shareable

Reactions 8 Comments
3 min read
How to persistently change third party web sites with browser developer tools

How to persistently change third party web sites with browser developer tools

Reactions 14 Comments
5 min read
Back to Basics: Event Delegation

Back to Basics: Event Delegation

Reactions 5 Comments
3 min read
Writing a dog picture browser in ~200 lines of code

Writing a dog picture browser in ~200 lines of code

Reactions 17 Comments 2
7 min read
How I failed to write a perfect dice throw simulator and how that is totally OK

How I failed to write a perfect dice throw simulator and how that is totally OK

Reactions 3 Comments
2 min read
Microsoft Create: Serverless - Developer Hacks and Tools we wished we knew sooner

Microsoft Create: Serverless - Developer Hacks and Tools we wished we knew sooner

Reactions 56 Comments
3 min read
Checkboxes can be excellent buttons

Checkboxes can be excellent buttons

Reactions 28 Comments 3
3 min read
I am Chris Heilmann, Principal Program Manager for the Microsoft Edge developer tools - AMA!

I am Chris Heilmann, Principal Program Manager for the Microsoft Edge developer tools - AMA!

Reactions 89 Comments 64
3 min read
Progressively Enhancing Radio Groups

Progressively Enhancing Radio Groups

Reactions 6 Comments 1
12 min read
loading...