Christian Heilmann

A CSS only “click to animate gif” solution

July 16th, 2020

Here’s a quick experiment in pure CSS how to cover a GIF with a play button instead of playing it. You can see it in this codepen or also play with it on GitHub. The GitHub code repository is also available. See the Pen CSS only "click to show GIF" by Christian Heilmann (@codepo8) on […]

Always bet on HTML – being misunderstood

July 6th, 2020

A few weeks ago Chris Ferdinandi wrote an ode to HTML called Always bet on HTML in which he once again praises the benefits of HTML as a base for your products on the web. He is correct and makes a lot of great points. However, we made these points for 20+ years and people […]

How good IDEs help you do the right thing

June 30th, 2020

As someone who has been doing this web development thing for a long time I am amazed how cool our tooling is by now. The best development environments don’t only make it easy for you to develop. They also guide you to do things right. Take this simple example of adding an image to an […]

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