Blog

This is a dump of my custom elements knowledge and how to make it all work with React.

There is the occasional need for the tiniest possible image, but what can we use as one?

Sometimes you want to have inline elements that have two lines of text. Can you achieve that with just CSS?

One of the issues with responsive design and lots of people working on a single site is that there is a chance to make the page too wide accidentally.

React has been around for 10 years. A lot has happened within those past ten years and while I still use React at work, in my own projects I never consider React as a viable option. Why?

For a very long time it has been almost essential to track traffic on your site and peek on the analytics. But what if you... don't?

I have a strong opinion on how strong your focus indicators should be. They should be strong!

One of the nasty parts of having a long internet presence is that you have all those old things still around. So, I preserved a quirks mode test page.

These days we have the need to display links to external sites with an accompanying icon. Typical implementations involve adding lots of extra elements under the hood. Is there a way to get it done with less?

Floats used to be the way to do the entire layout. Since moving to responsive mobile first design and flexbox people have avoided them. Could they still be actually useful in the current age?

We have used a variety of visually-hidden or sr-only classes over the years. There is no standardization happening, but can we update the syntax?

An early adoption of Astro's Server Side Rendering capabilities that actually succeeded very well. Here you can find out what I used!

This article takes a dive into the question of role="button" usability and provides insight into it's use. But you should never need to use it.

When writing websites it is important to know the underlying HTML elements. This article considers the means to keep them visible in your React JSX.

Hooks have taken over the React community by storm, so have class components really become useless?

Good focus indication has often been neglected. But now we got :focus-visible which you should always implement on your site.

Maybe using old tech solutions is not that bad even as late as 2020?

Making your project work in all the environments, including Windows, is often desirable for maximum reach of a project.

This is a bug testcase for issues with border-collapse in Mozilla Firefox 2, Internet Explorer 5 through 7, and from Opera 7 to 9.10.