My Blog

Some of my opinions and anything that I think is important to share.

Jun 15, 2024

Membuat Notifikasi di Sveltekit

Sveltekit TailwindCSS

In this article, we will create a simple notification using Svelte/Sveltekit. This notification will appear at the bottom left of the screen and will disappear after a few seconds. This notification will have three types, namely `success`, `info`, and `error`. Apart from that, we will also use `transition` to provide animation effects when notifications appear and disappear.

Jun 10, 2024

Animate Vue Components with Transitions

VueJS TailwindCSS

Vue.js is a JavaScript framework that makes it easier for us to create interactive web applications. One of the interesting features of Vue.js is its ability to animate the components that we create using Transition. With Transition, we can provide animation effects when components appear, disappear, or change.