JavaScript / CSS / Browser APIs

A little
curiosity.
A better web.

Notes on code, design, and the small discoveries that make a difference. A place to look closer. And think a little further.

THE LATEST NOTE137 notes since 2024
Build a Simple Line Chart with Vanilla JavaScript
FIELD STUDY / 001
A sculptural loop of layered terracotta paper beside a small olive-colored sphere.
The shape of an idea.A study in paper

THE JOURNAL / LATEST ENTRIES

Fresh from the notebook.

All 137 notes

6 recent notes

  1. JavaScriptAdaptation

    Build a Simple Line Chart with Vanilla JavaScript

    A few DOM elements, some CSS, and a little geometry are enough to connect the dots.

    12 min read
  2. Field notesAdaptation

    Quick Tip: Show Animated Text When Someone Clicks Your Page

    A little CSS animation and a click handler can turn an ordinary interaction into a playful detail.

    6 min read
  3. JavaScriptAdaptation

    Turning Photos into Black-and-White Line Drawings with JavaScript

    Use canvas and Canny edge detection to find the outlines hiding inside your images.

    8 min read
  4. Field notesAdaptation

    Introducing localForage: Moving Beyond localStorage’s 5 MB Limit

    A familiar JavaScript API for storing objects, images, and other offline data.

    8 min read
  5. Browser APIsAdaptation

    Implementing WeChat’s Floating Window Interactions on the Web

    How clipping, gestures, and careful animation turn an open page into a floating control.

    8 min read
  6. Field notes

    Hello, LuLu UI: Thoughtful Interfaces Built on Familiar Web Foundations

    An approachable UI library with a soft spot for HTML, flexible components, and the people using your website. It’s time to give LuLu UI a proper shout-out. Its appeal starts wit...

    9 min read
There’s more where that came from.Step into the archive

A NOTE ABOUT THIS SPACE

The interesting things
are in the details.

Melin is a growing collection of practical notes, thoughtful adaptations, and discoveries from around the web. Mostly code. Sometimes design. Always a reason to stay curious.

Find something worth exploring
SLOW DOWN.
LOOK CLOSER.

A small corner
of a very big web.

FOLLOW YOUR CURIOSITY

Find a good idea.

Search the complete journal in English or 中文.