Home | Melin's Blog

Latest posts

How to Prevent a Page From Restoring Its Previous Scroll Position After Refresh

Browsers try to be helpful. When a user refreshes a page normally, such as by clicking the refresh button or pressing F5 , the browser often restores the page to the same scroll...
How to Inherit Custom Elements and Extend Methods Across JavaScript Files

Web Components give us a native way to build reusable UI primitives. But once you start building more than one custom element, a practical question appears quickly: What should...
JS `replaceAll` and `matchAll` Usage Guide, Not a Misguide

String processing in JavaScript looks simple until user input, repeated matches, regular expressions, and captured groups enter the room. Two modern APIs help a lot here: - Stri...
Building a Feishu-Style `@` Mention Input Box with Plain JavaScript

A Feishu-style OKR input box looks simple from the outside: type @ , choose a person, insert a clean mention token, hover it for details, and press Enter to submit. Under the ho...
Don’t get it mixed up, it’s not text; it’s the CSS font-size-adjust property

Learn how to use the CSS font-size-adjust property to improve font legibility across different fonts. This blog explains its benefits for responsive design and accessibility, with practical tips and examples.

© 2026 • Melin

Press Esc or click anywhere to close