Tag: javascript
-
Portfolio Browser — Seamless Transition Image and Text Using GSAP
GSAP really usefull to create animation and transition, I’m inspired by Seamless slider transition. I Try to recreate and add some custom animation like staggered transition image. See the Pen Portfolio Browser by Rio Chandra (@Rio-Chandra) on CodePen. I will not go to detail and explain code-by-code. But I will explain what obstacle I face…
Written by
-
Modern Border Gradient With Tailwindcss
Border in css is boring just because can’t be gradient. Developer do much thing to make it not boring, codyhouse, digitalocean and community dev. But it have trade-off, the border can’t be rounded. Border gradient is modern design when comes to web design, sometimes it mimic how glass works. Let see how we re-create this…
Written by
-
Indicator Navigation Animation: Using GSAP and tailwindcss
Day 1 create navigation indication animation, inspired by this page. I love how moving around the indicator of nav bar. I re-create this using vite, tailwind and gsap. First of all, I create html code And then, these basic structure is enough with nav-indicator as button–moving–thing. and then I add javascript script to make it…
Written by
-
Library: React Blob Viewer
React Blob Viewer is library that I created to show blob data into page instantly using reactjs. For example: Using this library, you have no worries about handle different type of data. If you have unique type file, excel for example. I have add callback to give you option to handle unique cases.
Written by
-
Cara yang Benar Menjalankan Typescript di Node.js
Dunia pemrograman website tahun 2025 ini sudah banyak developer yang mengadopsi typescript sebagai bahasa pemrograman untuk membuat website atau aplikasi berbasis nodejs. Kenapa typescript lebih baik dibanding javascript?. Selain memberikan penulisan tipe pada bahasa javacsript, juga memberikan kemudahan programmer untuk mengubah, mengatur dan mengembangkan software karena typescript menjaga setiap data memiliki tipe yang tepat. Kenapa…
Written by
-
How do I Debug Data In UI?
User Interface is full of button, text, color, positioning, and data. it’s not only about how to represent the data, but also we should make sure it’s show the correct data. I’m focusing UI in web development that using HTML and javascript. Data in another hand is bit information change overtime, manage by user, stored…
Written by
-
Adios Axios: Migrate from axios to ky
Since nodejs explode the community that extend function of javascript. Fetch is common function that used in many case in javascript, it’s used to do request to external resource (e.g API) and parse the response to desire format, like JSON or text. Axios Axios is the most popular library used in browser because long ago…
Written by
-
Async-Mutex: A JavaScript Library to Prevent Race Conditions
Race condition is where the system’s substantive behavior is dependent on the sequence or timing of other uncontrollable events, leading to unexpected or inconsistent results. Every engineer soon or later will face this situation, it’s so frustating when a data handled by more than 1 operation which lead unexpected or inconsistent results. This situation sometimes…
Written by
