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…

Change the background color with transition animation

For smooth animation to change the background…

The ‘visually-hidden’ technique

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

System Font Stack: its history and rationale

History of how and why the system font stack is…

Meta tags for sharing the link on Facebook and Twitter

Boilerplate HTML code

Every single web page should have a certain set of code for the user to have a…

Where to place a label for text field?

Short answer: Top-left corner INSIDE the text field box

Beyond create-react-app: Why you might want to use Next.js or Gatsby instead

Limitations of…

Comparing 5 ways to hide contents from a webpage

There are several ways to hide contents from a webpage. Each has pros and cons. I haven’t seen any article that discusses all in one place…