Blog by Vesa Piittinen

https://vesa.piittinen.name/blog

A blog mostly dedicated around web development topics.

Blog by Vesa Piittinen

Entries

  • HTML custom elements

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

  • Smallest GIF? Meh! Tiniest data URL is a BMP!

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

  • Two line balanced inline block

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

  • Undesired horizontal scrolling

    One of the issues with responsive design and lots of people working on a single site is that there is a chance to mak...

  • Why I dislike React, and how to escape

    React has been around for 10 years. A lot has happened within those past ten years and while I still use React at wor...

  • I gave up on statistics

    For a very long time it has been almost essential to track traffic on your site and peek on the analytics. But what i...

  • Strong focus

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

  • Maintaining the past

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

  • External links with the least HTML

    These days we have the need to display links to external sites with an accompanying icon. Typical implementations inv...

  • Floats in 2023

    Floats used to be the way to do the entire layout. Since moving to responsive mobile first design and flexbox people ...

  • Can we at least modernize visually-hidden?

    We have used a variety of visually-hidden or sr-only classes over the years. There is no standardization happening, b...

  • Astro SSR is still on the way but I have it in production already

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

  • Should I ever have a role="button"?

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

  • Semantic HTML in React with zero new ideas

    When writing websites it is important to know the underlying HTML elements. This article considers the means to keep ...

  • React class components in the World of Hooks

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

  • Hello, :focus-visible!

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

  • Server Side Includes, the hottest of the web in 1995

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

  • Cross-platform package.json scripts

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

  • Border collapse bugs in table element

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