WhyTho

Every element is a decision somebody made.

Select anything on a page, on desktop or a phone, and record why it is that way. Notes carry the selector, the breakpoint, and your name automatically.

How it works · Try the demo page

WhyTho
Notes Inbox Workspace Setup Account

Notes

Import notes from a JSON export

Paste an export, or drop a .json file anywhere on this page.

Page

Inbox

Notes where you or one of your teams was tagged. Joining a team brings its history with it.

Workspace

An organization holds teams, and a team holds people. Notes written inside an organization are visible to everyone in it. Work outside one and they stay private to you.

Setup

WhyTho runs inside the page you are annotating, so it works on staging, on production, and behind a login.

Your bookmarklet

Drag this to your bookmarks bar, then click it on any page. On mobile, copy the code and save it as a bookmark by hand.

Annotate with WhyTho

Script tag

Better for a staging environment you keep returning to. The token in the tag is yours, so treat the snippet like a password.

Then

  1. Load the page you want to document and click the bookmarklet.
  2. Choose Select an element, then click it. On a phone, press and hold instead.
  3. Write the reasoning, tag it, save. A numbered pin sticks to the element.
  4. The note saves to your account as you write it, signed with your name.

Account

Your name and picture come from however you signed in, and are used to attribute your notes.

How WhyTho works · Source · Built by Jake Labate, SEO Consultant