A guide to add auto accessibility check in storybook

It’s always good to have a proper accessibility check when you are developing front-end components.

When developing with storybook, you can even get more: a pipeline to do auto checks for accessibility!

How to learn TypeScript effectively?

TypeScript is notorious for its steep learning curve, especially to a programmer who doesn’t have exposures or not familiar with Object-oriented Programming (OOP). Moreover, there are lots of exceptions to Javascript even you are familiar with OOP.

The question is: how can I learn TypeScript effectively?

My first experience of using Snowpack

Do you think it is complicated to bundle your web application? Recently I saw a relatively new thing to me: Snowpack, it claims it can “Build web applications with less tooling and 10x faster iteration”.

Let’s have a look on how to build a simple React app with Snowpack!

Build a custom audio player with accessibility

Build a custom audio player with accessibility

This is not my first time to create a custom audio player.

In order to cater for my lovely designer’s needs, I need to create a custom audio player. After learnt HTML5 Audio attributes and viewed more tutorials of making custom audio player, most of the tutorial did not mention accessibility.

How to load your custom fonts in a smart way

Nowadays, the size of the webpage is bigger than before. Thanks to the improvement of bandwidth, it is fast to load everything even you have large images in the site.

However, this may harm your user’s surfing experience. One of the hurdles is your fancy fonts.