Home | Melin's Blog

Latest posts

Smooth Page Scrolling with CSS `scroll-behavior` and JavaScript `scrollIntoView()`

Turn abrupt jumps into gentle transitions—and give your interfaces a little personality. Adapted from zhangxinxu’s original article, with updated technical notes and excerpts fr...
How to Set and Get CSS Variables (`var()`) in HTML and JavaScript

By zhangxinxu. Adapted from the original article. Changing a color in JavaScript does not require rewriting every CSS declaration that uses it. With CSS custom properties, you c...
The Document Picture-in-Picture API: Picture-in-Picture for Any Element

Keep images, controls, and small interactive interfaces visible while users work elsewhere. Adapted from zhangxinxu’s original article, with practical examples from the supplied...
title

title
Picture-in-Picture for HTML5 Video: A Small Window with a Simple API

Keep a video in view while you browse, read, or write code. Adapted from zhangxinxu’s original article, with practical examples from the supplied companion demo. You’re watching...

© 2026 • Melin

Press Esc or click anywhere to close