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

Newsletter

Check out the Dev Digest Newsletter I write every week for WeAreDevelopers.

160: Graphs and RAGs explained and VS Code extension hacks Graphs and RAG explained, how AI is reshaping UI and work, how to efficiently use Cursor, VS Code extensions security issues.
159: AI pipelines, 10x faster TypeScript, How to interview How to use LLMs to help you write code and how much electricity does that use? Is your API secure? 10x faster TypeScript thanks to Go!
158: 🕹️ Super Mario AI 🔑 API keys in LLMs 🤙🏾 Vibe Coding Why is AI playing Super Mario? How is hallucinating the least of our worries and what are rules for developing Safety Critical Code?
157: CUDA in Python, Gemini Code Assist and back-dooring LLMs We met with a CUDA expert from NVIDIA about the future of hardware, we look at how AI fails and how to play pong on 140 browser tabs.
156: Enterprise dead, all about Bluesky and React moves on! Learn about Bluesky as a platform, how to build a React App and how to speed up SQL. And play an impossible game in the browser.

My other work: