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.

Don't stop thinking, AI Slop vs. OSS Security, rolling your own S3 Despite AI you still need to think, Bitter lessons from building AI products,  AI Slop vs. OSS security and pointer pointer…
200: Building for the web, what's left after rm -rf & 🌊🐴 vs AI What remains after you do a rm -rf? Why do LLMs know about a seahorse emoji? What image formats should you use? How private is your car?
Word is Doomed, Flawed LLM benchmarks, hard sorting and CSS mistakes Spot LLM benchmark flaws, learn why sorting is hard, how to run Doom in Word and how to say "no" like a manager.
30 years of JS, Browser AI, how attackers use GenAI, whistling code Learn how to use AI in your browser and not on the cloud, why AI makes different mistakes than humans and go and whistle up some code!
197: Dunning-Kruger steroids, state of cloud security, puppies>beer

My other work: