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

Beginner JavaScript device detection example with user-agent checks and phone, tablet and laptop illustrations.
JavaScriptReady to explore

Basic JavaScript Device Detection (opens in a new tab)

A beginner-friendly experiment that uses JavaScript user-agent checks to identify possible phones, tablets and desktop computers. Explore variables, simple conditions and displaying results on a page.

  • HTML
  • JavaScript
What I explored

Learn how to read navigator.userAgent, check text patterns and display a message using if / else if. Understand why these results are estimates rather than reliable device identification.

Download ZIP: Basic JavaScript Device Detection3 KB5 downloads
Try demo: Basic JavaScript Device Detection (opens in a new tab) View code: Basic JavaScript Device Detection (opens in a new tab) Read article: Basic JavaScript Device Detection (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