Christian Heilmann

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 […]

Links, 2, 3, 4: Accessibility

November 8th, 2022

Here are some recent links on the topic of accessibility you might enjoy and learn something from: Manuel Matuzovic has a course together with SmashingMag on Deep Dive on Accessibility Testing starting on the 14th of November 2022. On that topic I also have a class on Skillshare Product Management: Tools for Improving Product Accessibility […]

Removing the camera overlay icon on images in Microsoft Edge

November 4th, 2022

If you use Microsoft Edge, you get a camera icon when you hover your mouse over any image: This is a great tool for users as it allows them to do a visual search in a sidebar for that image. During local development, the icon appears on images, too, but the results don’t show up. […]

Reminder: JSON.stringify can create Multi-line, formatted and filtered strings from JSON

October 28th, 2022

You can use `JSON.stringify()` to turn a JSON object into a string. let obj = {"a": 1, "b": 3, "c": "boo!"}; console.log(JSON.stringify(obj))let obj = {"a": 1, "b": 3, "c": "boo!"}; console.log(JSON.stringify(obj)) This results in a single line string: {"a":1,"b":3,"c":"boo"} However, you can also set two optional parameters, a filtering array or callback method and an […]