Skip to content
Search Create account

DEV Community

DEV Community is a community of 905,285 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
Twitter Facebook Github Instagram Twitch
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
codepo8 profile

Using browser developer tools as an image browser

#browser #tip #images
Reactions 4 Comments
1 min read

Recent comments

Web development is like assembling IKEA furniture

I disagree. HTML to me is components. Using frameworks and li...

One line of CSS to add basic dark/light mode

Sounds like a good enhancement issue to tell browser makers a...

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

That is "looking things up on the web", isn't it?

A "Quick edit" bookmarklet to edit any web site

Did a cleanup with the suggestions, also added z-index as Twi...

A "Quick edit" bookmarklet to edit any web site

very terse, I like

Console.log() inside Visual Studio Code

Because people asked for it?

What's playing in your headphones these days?

Teams meetings.

The devil is in the details…

That's explained in the CSS tricks artticle, you can fully st...

View all 49 comments
Cheat codes for the web – Browser developer tools for non-developers
codepo8 profile

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

#web #tricks #optimizing
Reactions 7 Comments
3 min read
Rethinking Device Emulation in browsers
codepo8 profile

Rethinking Device Emulation in browsers

#browsers #mobile #emulation
Reactions 7 Comments
5 min read
The browser console has a count method
codepo8 profile

The browser console has a count method

#browser #tip #javascript #console
Reactions 10 Comments 1
1 min read
TIL: Visual Studio Code does markdown autocompletion for in-page links
codepo8 profile

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

#visualstudiocode #markdown #tip
Reactions 13 Comments
1 min read
Web development is like assembling IKEA furniture
codepo8 profile

Web development is like assembling IKEA furniture

#ikea #instructions #standards #webdev
Reactions 9 Comments 2
1 min read
Taking screenshots of streaming video services using Browser Developer Tools
codepo8 profile

Taking screenshots of streaming video services using Browser Developer Tools

#screenshots #videoservices
Comments
2 min read
One line of CSS to add basic dark/light mode
codepo8 profile

One line of CSS to add basic dark/light mode

#css #darkmode #trick
Reactions 59 Comments 7
1 min read
GitHub Copilot explaining code and translating it from one language to another
codepo8 profile

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

#github #copilot #machinelearning
Reactions 30 Comments 2
1 min read
What people think that web developers do vs. what we really do
codepo8 profile

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

#humour #sadbuttrue #chart #development
Reactions 19 Comments 6
1 min read
A teleprompter script for video recordings
codepo8 profile

A teleprompter script for video recordings

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

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

#gaad #tooling #emulation
Reactions 18 Comments
3 min read
Fixing the accessibility of Inspection overlays
codepo8 profile

Fixing the accessibility of Inspection overlays

#a11y #developertools #magnification
Reactions 7 Comments
2 min read
A "Quick edit" bookmarklet to edit any web site
codepo8 profile

A "Quick edit" bookmarklet to edit any web site

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

"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
codepo8 profile

Edge DevTools for Visual Studio Code V2

#vscode #development #browsers
Reactions 12 Comments 1
4 min read
One million broken web sites - and a way to prevent that
codepo8 profile

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…)
codepo8 profile

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

#vscode #sass #editing
Reactions 9 Comments 1
2 min read
Quick MacOS tip: Preview as a built-in zoom lens
codepo8 profile

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

#tips
Reactions 12 Comments
1 min read
The devil is in the details…
codepo8 profile

The devil is in the details…

#a11y #webdev
Reactions 16 Comments 4
2 min read
Quick survey: help improve the simulation options of browser developer tools
codepo8 profile

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

#emulation #developertools #survey
Reactions 11 Comments
2 min read
Console.log() inside Visual Studio Code
codepo8 profile

Console.log() inside Visual Studio Code

#vscode #edge #extension #javascript
Reactions 37 Comments 4
2 min read
Running a dedicated local server for a VS Code debugging session using tasks
codepo8 profile

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

#vscode #debugging #javascript
Reactions 12 Comments
3 min read
Destructive arguments used in technology discussions on social media that have to die
codepo8 profile

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

#community #technology #socialmedia
Reactions 76 Comments 16
4 min read
Want to improve Developer Tools in Microsoft Edge? File an issue on Github
codepo8 profile

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

#developertools #edge #github
Reactions 19 Comments
1 min read
Showing different titles depending if the tab is active or not
codepo8 profile

Showing different titles depending if the tab is active or not

#javascript #titles #tricks
Reactions 18 Comments
1 min read
Sending email notifications from GitHub organisations to different emails
codepo8 profile

Sending email notifications from GitHub organisations to different emails

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

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

#vscode #debugging #css #javascript
Reactions 639 Comments 7
4 min read
Turning a GitHub page into a Progressive Web App
codepo8 profile

Turning a GitHub page into a Progressive Web App

#pwa #github #hosting
Reactions 7 Comments
3 min read
Let's not send developers to the accessibility tree tool
codepo8 profile

Let's not send developers to the accessibility tree tool

#a11y #development #debugging
Reactions 4 Comments
3 min read
Developer Tools secrets that shouldn't be secrets
codepo8 profile

Developer Tools secrets that shouldn't be secrets

#developertools #browsers #webdev #vscode
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
codepo8 profile

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

#vscode #browsers #developertools #debugging
Reactions 51 Comments
2 min read
Locking editor panes in Visual Studio Code prevents unwanted multi-tab experiences
codepo8 profile

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

#editors #fix #vscode #edge
Reactions 6 Comments
1 min read
Using console.log() on any website? Logpoints let you do that!
codepo8 profile

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

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

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

#debugging #javascript #dom #css
Reactions 28 Comments
3 min read
Redirecting GitHub Pages
codepo8 profile

Redirecting GitHub Pages

#github #markdown #jekyll #redirection
Reactions 12 Comments 3
2 min read
Using console.log() debugging in Visual Studio Code
codepo8 profile

Using console.log() debugging in Visual Studio Code

#console #javascript #debugging #visualstudiocode
Reactions 7 Comments
3 min read
Debugging JavaScript, DOM, CSS and accessing the browser console without leaving Visual Studio Code
codepo8 profile

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

#visualstudiocode #debugging #browsers
Reactions 23 Comments 3
2 min read
Quick VS Code tip: Automatically add image width and height to images
codepo8 profile

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

#vscode #images #performance
Reactions 1 Comments
1 min read
Save Twitter GIFs as MP4 without any add-on or service
codepo8 profile

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

#twitter #hack #trick #devtools
Reactions 7 Comments
1 min read
Quick Visual Studio Code tip: Expand/Shrink selection!
codepo8 profile

Quick Visual Studio Code tip: Expand/Shrink selection!

#development #productivity #code
Reactions 4 Comments
1 min read
Batch cropping of screenshots on MacOS
codepo8 profile

Batch cropping of screenshots on MacOS

#images #cropping
Reactions 17 Comments 2
2 min read
Conditional animations with CSS properties
codepo8 profile

Conditional animations with CSS properties

#a11y #css #customproperties
Reactions 50 Comments
2 min read
How to debug web projects using the browser developer tools inside Visual Studio code
codepo8 profile

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

#vscode #webdev #debugging
Reactions 7 Comments
1 min read
Syncing visual CSS changes in browser tools with source code using Workspaces
codepo8 profile

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

#developertools #css
Reactions 2 Comments
2 min read
Get all headings and their target URLs from a Markdown generated page
codepo8 profile

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

#snippet #javascript #markdown
Reactions 5 Comments
1 min read
Using position: sticky to create persistent headers in long texts
codepo8 profile

Using position: sticky to create persistent headers in long texts

#css #sticky #design
Reactions 3 Comments
1 min read
Sharing data between CSS and JavaScript using custom properties
codepo8 profile

Sharing data between CSS and JavaScript using custom properties

#css #javascript #interaction
Reactions 40 Comments 3
3 min read
Seven ways to test for accessibility of your web site with browser Developer Tools
codepo8 profile

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

#a11y #browsers #testing
Reactions 13 Comments
5 min read
Quick tip: How to capture and replace newlines in liquid for Jekyll/GitHub Pages
codepo8 profile

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

#jekyll #github #markdown
Reactions 1 Comments
2 min read
Quick tutorial CSS tip: How to show source code the easy way
codepo8 profile

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

#css #tricks #tutorials
Reactions 50 Comments 7
3 min read
Quick hack: How to make the new CSS Overview feature of Chromium DevTools shareable
codepo8 profile

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

#developertools #browsers #edge #chrome
Reactions 8 Comments
3 min read
How to persistently change third party web sites with browser developer tools
codepo8 profile

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

#browser #developertools #tricks #webdev
Reactions 14 Comments
5 min read
Back to Basics: Event Delegation
codepo8 profile

Back to Basics: Event Delegation

#javascript #webdev #tricks
Reactions 5 Comments
3 min read
Writing a dog picture browser in ~200 lines of code
codepo8 profile

Writing a dog picture browser in ~200 lines of code

#javascript #css #webdev #hack
Reactions 17 Comments 2
7 min read
How I failed to write a perfect dice throw simulator and how that is totally OK
codepo8 profile

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

#development #javascript #fun
Reactions 3 Comments
2 min read
Microsoft Create: Serverless - Developer Hacks and Tools we wished we knew sooner
codepo8 profile

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

#mscreate #productivity #development
Reactions 56 Comments
3 min read
Checkboxes can be excellent buttons
codepo8 profile

Checkboxes can be excellent buttons

#javascript #accessibiliy #forms #checkboxes
Reactions 28 Comments 3
3 min read
I am Chris Heilmann, Principal Program Manager for the Microsoft Edge developer tools - AMA!
codepo8 profile

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

#ama #microsoftedge #javascript #mscreate
Reactions 89 Comments 64
3 min read
Progressively Enhancing Radio Groups
codepo8 profile

Progressively Enhancing Radio Groups

#a11y #forms #css #svg
Reactions 6 Comments 1
12 min read
loading...