Start a Project
PLAYGROUND / BUILD · TEST · LEARN

Frontend experiments. Useful discoveries.

Explore small tools, interface ideas and focused frontend experiments. Try a demo, inspect the code or download a project where available. Each experiment includes a learning note to explain the question explored and what I discovered.

1 experiment

Clear filters
Three buttons comparing normal behaviour, CSS pointer-events none and the HTML disabled attribute.
CSSReady to explore

CSS Pointer Events: None vs Disabled

A beginner-friendly experiment comparing a normal button, pointer-events: none and the HTML disabled attribute. Try mouse and keyboard interactions to see the difference.

  • HTML
  • CSS
  • JavaScript
What I explored

Learn why pointer-events: none prevents pointer targeting but does not disable keyboard activation. Compare it with a native disabled button using Tab, Enter and Space.

Download ZIP: CSS Pointer Events: None vs Disabled5 KB5 downloads
Try demo: CSS Pointer Events: None vs Disabled View code: CSS Pointer Events: None vs Disabled (opens in a new tab) Read article: CSS Pointer Events: None vs Disabled (opens in a new tab)
SOMETHING WORTH TRYING?

Let's explore the idea.

Have a question, a small tool in mind or an idea for a collaboration? Tell me what you would like to investigate.

Share an idea