Tag: website

  • Frontend Tips: Boost Productivity With This Vite Technique

    Vite is the best and blazing fast frontend build tool. It includes all feature for developer to build web application faster, like HMR (Hot Module Replacement), build tools, plugins and build on top Rollup. I was using this tool for a couple years, but I just found some tips to increase productivity. It’s a small…

  • 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…

  • 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…

  • 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…

  • 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.

  • 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…

  • 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…

  • Getting Started with Axum: A Rust Web Framework

    axum is a web application framework that focuses on ergonomics and modularity. Axum is one of the best framework web server framework for rust language. If you are familiar with express nodejs, this will be like home for you. Axum focus on ergonomics and modularity. In my opinion, this is low level abstraction to create…