vrypan — panayotis vryonis
My blog is a digital scrapbook of ideas, thoughts and personal events. My home is vrypan.net.
Home — Archive: All · English · Greek — RSS Feeds: full feed · other options
#en #howto #fragmentions

"fragmentions" is a cool idea.

A cool idea that allows us to link directly to any text fragmet inside web pages.

This is one of the coolest ideas I've seen for some time. It's called "fragmentions" and I read about it in a post by Kevin Marks.

In short, and skipping all the technical details, "fragmentions" are URLs that link not just to a web page, but to a specific text inside the page.

Fore example, try this link: http://blog.vrypan.net/2013/10/24/when-it-comes-to-privacy-proof-is-better-than-promise/##we+have+no+way+of+reading+your+data

If everything goes as expected, the target page will scroll to the text linked ("we have no way of reading your data") and the whole paragraph will be highlited. Nice, isn't it?

The implementation is trivial if you have a basic experience with HTML.

  1. Go to github.com/chapmanu/fragmentions
  2. Download fragmention.js and upload it to your server.
  3. Load the fragmention.js in your pages, as shown in example.html of the above GitHub repo.
  4. Add the proper style that will be used for the markup (you can copy that from example.html, too).

I just updated my blog templates and every page in this blog supports fragmentions now.

Share this post:
The Letter is a newsletter I send out whenever I have something to say or share. It may take a few days, weeks or months for the next one.
Privacy: I hate spam as much as you do, maybe more. I will not share your email with advertisers, etc.