Christian Heilmann

Testing your animations for “prefers-reduced-motion” support

June 26th, 2020

Animations and transitions are things that can make a product feel much more natural and welcoming. They can also be a great way to make slow processes feel faster. But not everybody is OK with seeing animations and they can overwhelm people or – when done wrongly – even cause nausea and seizures. That’s why […]

That was Halfstack Online’s first edition (musings, and slides)

May 25th, 2020

Halfstack is a series of events that are very close to my heart. They are predominantly about connections and sharing some nerdy fun. The locations are pubs and cinemas and there is a lot less pressure on presenters and audience. They aren’t a “cool crowd” event where you need to deliver “the killer talk”. Instead […]

Progressively enhancing radio buttons with SVG whilst staying accessible

May 5th, 2020

Sometimes it is fun to re-visit very basic HTML things and look what we can do with them nowadays. This is what I will do now with a radio button group. I will progressively enhance it to look great and still work with keyboard and screen readers. As part of my Logo-O-Matic upgrade, I added […]

Limiting input type=”color” to a certain palette (from an image)

April 22nd, 2020

The colour input type is pretty amazing, if you think about it. You can pick a colour from it and there are lots of great presets available. The colour picker is provided by the OS for the browser, so it differs from machine to machine. I, for example, totally missed that on a Mac, you […]