-
How Color Theory Influences Website Design
Landing page is the first page user see. I was wondering how to create beautiful color, shape and how it’s affect intention of creator. My curiosity become larger when I read about Color Theory. Color theory isn’t new theory, it has been researched since year 800-ish. I was wondering how it’s affect website looks. So,…
Written by
-
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…
Written by
-
Project Write-Up: Building an AI Resume Parsing with n8n and Next.js
AI become high demanding right now, almost all website and application embed AI in every feature they have. AI or should we called LLM (Large language Model) created by company like openai and gemini gave user access to their LLM using API. This could be exponential usage of AI because we do not require install…
Written by
-
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
-
ARUA: Responsive Money Management
ARUA (Arus Uang) is an application money management initate by my wife and my self to manage our outcome. It included all basic money management: Web based application is easy to use, doesn’t required to install application, instant page load and useful feature. It’s built in react js and nest js, everything is Single Page…
Written by