How to customize the file upload button in React

The default file upload button is ugly. Customizing…

How to use HTML Canvas with React Hooks

I’m making a color picker web app with React. Drawing a…

4 gotchas when setting up Google Maps API with Next.js and ESLint

Definitive edition of “How to Favicon” in 2023

Getting your website’s favicon right is incredibly…

How to handle invalid user inputs in React forms for UX design best practices

Showing error on blur…

Change the background color with transition animation

For smooth animation to change the background…

Glassmorphism for Firefox

Explaining two ways of creating the frosted glass look without using…

Semantic HTML as graphic design without graphics

The best way to understand semantic HTML is to think of it as an alternative to graphic design.

Everything about <hr>: When to use it and how to style it

The ‘visually-hidden’ technique

Sometimes you want to hide an HTML element (e.g. <h1> when the logo…