Yuki Cheung articles - 12 total
Thoughts on migrating from Netlify to Cloudflare Pages
For the past few years, I’ve hosted my blog and other small websites on Netlify. Recently, I came...
A guide to add auto accessibility check with storybook
It's always good to have a proper accessibility check when you are developing front-end...
How to learn TypeScript effectively?
TypeScript is notorious for its steep learning curve, especially to a programmer who doesn't have...
My first experience of using Snowpack - a new way of building JS
Do you think it is complicated to bundle your web application? Recently I saw a relatively new thing...
Build a custom audio player with accessibility
This article was originally posted in my personal blog. This is not my first time to create a...
How to load your custom fonts in a smart way
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.
Nevertheless, Yuki Coded
I continued to code in 2019 because... I love web development and coding! The world of web...
How to fix popup's scrolling on Safari
Today, I created a fancy popup, well just a normal one, to open overlay with a simple register form. Suddenly, someone with iPhone shouted, "Hey, that is not working on my iPhone!"
Things I learned after writing tests for JS and HTML page
I try to find how to test with Jest but I found most tutorials are using Jest with React. Is it really possible to test HTML page with Jest? Yes!
My first try of the new Web Animation API
Recently, I (finally) found out the new Animation API, which can use JavaScript to create smooth animation just like CSS one, but with more features, like changing speed or play/pause/cancel animations. Developer can have more flexibilities to create different animations.
How to create your instant form validation
It is easy to use any libraries in JavaScript to add validations, however, have you ever wonder how the form validation works? Let's see how we can roll out our own form validations with error messages!
Three things I learn after fighting with Google PageSpeed
Recently, I have a chance to maintain a landing page, which has a new design, but with loading...