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 …

My first try of the new Web Animation API

placeholder

Recently, I (finally) found out the new Web 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.

Note: The web animation API is still an experimental technology, not all browsers supported it. Don’t forget to add polyfill before use!

More …

How to create your instant form validation

placeholder

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!

What we are going to create today: alt="Our form with validation"

More …