Tag: Vanilla JS

I Built a Cultural RPG in a Single HTML File — Here’s What Broke

A developer devlog on building cultural RPG, a browser-based Malaysian multicultural RPG — covering canvas HiDPI scaling, replacing emoji with vector graphics, NPC dialogue, localStorage saves, and every bug that nearly broke it.

07/19/2026
The ResizeObserver API: A Practical Guide for Frontend Developers

What is the ResizeObserver API and how do you use it? A practical guide covering borderBoxSize, contentBoxSize, inlineSize, blockSize, observing multiple elements, and real-world use cases — with a live interactive demo.

07/05/2026
Claude AI Skills Every Frontend Developer Should Know & Master

A deep, practical guide to using Claude AI as a frontend developer — from smarter prompting and code generation to debugging, UI design, accessibility audits, and building full components faster.

05/03/2026
Build a Vanilla JS Slider From Scratch — Plus a Reusable React Carousel Component

Build a fully responsive vanilla JavaScript slider and carousel — no jQuery, no SwiperJS, zero dependencies. We cover the complete HTML/CSS/JS implementation with swipe support, keyboard navigation, autoplay, and dot indicators. Then we go further with a clean reusable React slider component built with hooks.

03/07/2025
Multiline Text Truncation with Ellipsis & Read More Button

Learn how to truncate overflowing text with ellipsis and add a ‘Read More’ button using JavaScript and CSS’s line-clamp property. Improve content display and user experience on your website.

01/27/2021