How to load your custom fonts in a smart way

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.

More …

Nevertheless, Yuki Coded

Nevertheless, Yuki Coded

I continued to code in 2019 because…

I love web development and coding! The world of web development is changing at an incredible speed and I would like to learn more about different things.

Not only things that interested me, like front-end framework or new tools of automation, I do also want to do something to change the world.

More …

How to fix popup's scrolling on Safari

Today, I created a fancy popup, well just a normal one, to open a overlay with a simple register form. Suddenly, someone with iPhone shouted, “Hey, that is not working on my iPhone!”

Not working? When I look at his screen, it is iPhone with Safari. Obviously, the scroll did not only scroll the popup, but also the HTML body!

More …

Things I learned after writing tests for JS and HTML page

Jest

In these weeks, I always want to learn about writing tests using Jest, Mocha or other stuffs. Unfortunately, I don’t have any React apps that want to test these days but I have chances to figure out how to test HTML page with pure JavaScript.

I found most tutorials are using Jest with React or other JavaScript frameworks. Is it really possible to test HTML page with Jest? Yes!

More …