fragmentioner

 fragmentioner  is a Javascript utility by which gives a pop-up link with the fragmention URL to a piece of selected text.

UI
Screenshot from the live fragmentioner demo page:



"Link to text" links to the fragmention of the selected text.

Clicking "Link to text" highlights the paragraph containing the selected text, and scrolls it to the top of window.

Indieweb Examples

 * uses fragmentioner on his site Parallel Transport on all pages. (selfdogfood)
 * uses fragmentioner on his site since 2018-01-23 to make highlighting portions of his site simpler for users.
 * uses fragmentioner on his site on all pages.

Other UIs
Examples of other pop-up / overlay UIs when you select text on a page for the sake of sharing what was selected:

The Guardian
When you select text* in a The Guardian article, it shows two circular icons for Twitter and Email that you can use to share a link and (at least some of) the selected text:



From the 2018-05-15 article Has wine gone bad?

The Twitter icon links to this long tweet intent URL, and the email icon links to [mailto:?subject=Has%20wine%20gone%20bad?&amp;body=%E2%80%9C%20In%202000,%20a%20French%20government%20report%20noted%20that%20vineyards%20used%203%25%20of%20all%20agricultural%20land,%20but%2020%25%20of%20the%20total%20pesticides.%20In%202013,%20a%20study%20found%20traces%20of%20pesticides%20in%2090%25%20of%20wines%20available%20at%20French%20supermarkets.%E2%80%9D%20https://gu.com/p/8tpdq/sbl this long email subject and body URL].

Both Twitter and email icons darken their backgrounds upon hover.

* Except apparently if you triple-click select the headline, there is no UI. Likely a bug.

Copy instead of nav
undefined instead of "Link to Text", I want "Copy link to text" that copies the fragmention to the clipboard rather than navigates to it. Copying the link seems more like the default desired action more often than navigation, why would you want to navigate to the thing you just selected?
 * Github issue #1

See citation: append text to selection copy for ways to copy text to the clipboard using JS.