RoughNotation
Dev tools
javascript library for web annotation
SHOW HN2020
How HN took it
24 positive, 10 neutral or asking, 2 mixed, 3 critical, out of 39 comments about the project. Thread score +0.55.
Idea: 13 for, 1 againstDesign: 4 for, 2 againstExecution: 1 for, 0 against
The thread, comment by comment
Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.
positive neutral or mixed critical about another commenter or something else the maker
What HN said
What people liked
Beautiful, polished look and landing page
From 3 comments
This may be one of the best 'product' landing pages I've ever seen. Kudos.
NickBusey on HNNot sure what I'd use this for, but I love the look of it so much I feel like I need to find an excuse! Can I ask what use case you had in mind when creating this?
GordonS on HNThat is beautiful and very well done. I might drop this onto my personal homepage today for a nice emphasis underline in the header. Bravo!
dpeck on HN
Useful for tutorials and presentations
From 2 comments
Thanks. Online tutorials, presentations, editing, Direct attention of the reader to something specific. I was thinking anything that you'd do such annotations on physical paper.
shihn on HNAs someone who lives and breathes in a hand-annotated world every day, this is incredibly helpful. I can't believe it exists for free. Thank you
airstrike on HN
Objections
Double-pass drawing adds noise and animation delay
From 2 comments
Looks wonderful! Anyway to get it to only draw the annotation once? Looks like everything gets two passes which adds to the roughness but also adds a bit of noise and delay to…
wes-k on HNI agree, the double pass is pretty distracting and frustrating with the delay
cosmotic on HN
Not clear how to use with React or Svelte
From 1 comment
I'd love to use this, but I don't see an easy way how to using the frameworks I know, React (well) and Svelte (a bit).
julianeon on HN
Requests
Text popovers or annotation text
From 3 comments
Being able to add small text between margins would enable the ability for an app/extension to let person A markup an article with their thoughts and emphasis, and share it with…
alixanderwang on HNa text popover feature would be super useful!
talkinghead on HNreally nice - would be great if there would be a tufte-style feature (animated info box next to the highlighted text) or sth. similar
d33d33 on HN
Chrome extension
From 1 comment
Should be a Chrome Extension. Would absolutely kill as one.
howmayiannoyyou on HN
Questions
How does the hand-drawn effect work
From 1 comment
This is really cool. I like that it brings a bit of human touch to webpages. How does it work?
onemoresoop on HN
Is there a version that works with Sketch or Apple Pencil
From 2 comments
This is great! Does anyone know if there's a similar library that can do rough notations like this within Sketch?
Axsuul on HNLooks really cool. Does anyone know of something like this but that works with the iPad's pencil? Would love to have something like a mix between the Notes app and Etherpad, so…
ta1234567890 on HN
Alternatives named
Hypothesis annotation tool
From 1 comment
Check out hypothesis [0]. No fun styling but the same functionality. [0] https://github.com/hypothesis
webel0 on HN
Wired-elements and roughViz
From 1 comment
Amazing! There are many cool libraries now thanks to author. 1. Roughjs - rough primitives https://roughjs.com/ 2. roughViz - rough data visualization…
heyhihello on HN