Melin's Blog

Latest posts

See all posts
  • 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.
  • Are you familiar with the purpose of the new with method in JavaScript Arrays?
    Explore the new with method in JavaScript Arrays! Learn how this feature improves array manipulation, boosts code readability, and enhances performance with practical examples.
  • Introduction to the Broadcast Channel API: Enabling Broadcast Communication Across Web Page
    Discover how the Broadcast Channel API enables seamless communication between browser tabs, windows, and iframes. Learn how to implement it for real-time data sharing in modern web applications. A must-read for frontend developers!
  • Introducing CSS @scope—it’s finally here!
    Learn how the CSS @scope rule helps you limit the scope of styles to specific elements, improving maintainability and reducing conflicts in large projects. This guide is perfect for frontend developers looking to master scoped styling in modern web development.
© 2026 • Melin
Press Esc or click anywhere to close