Live data from Hacker News

Show HN: Wired-elements – UI web components with a hand drawn, sketchy look

wiredjs.com

81–90 of 124 posts

Re: Show HN: Wired-elements – UI web components with a hand drawn, sketchy look

#85
post #84

Nice! This would be super cool when applied to some nice diagramming libraries like Mermaid and Markdeep. https://github.com/knsv/mermaid https://casual-effects.com/markdeep

Might I plug in my other project: http://roughjs.com/ which is a generic drawing library for drawing sketchy shapes. I believe people have already tried merging it with some diagramming tools.

Re: Show HN: Wired-elements – UI web components with a hand drawn, sketchy look

#86
post #85
post #84

Nice! This would be super cool when applied to some nice diagramming libraries like Mermaid and Markdeep. https://github.com/knsv/mermaid https://casual-effects.com/markdeep

Might I plug in my other project: http://roughjs.com/ which is a generic drawing library for drawing sketchy shapes. I believe people have already tried merging it with some diagramming tools.

Very cool! Thanks for making these.

Re: Show HN: Wired-elements – UI web components with a hand drawn, sketchy look

#87
post #75
post #55

Earlier quoted context omitted.

>These are web components and work fine within React already I tried with a simple CodeSandbox and they are not working for me. ( Unless I'm doing something wrong? ) https://codesandbox.io/s/pp4q7kw9q7

There's something weird going on in Chrome. This link works in Firefox though with the webcomponents polyfill https://codesandbox.io/s/jn85y61kx9

I believe it's a shadow dom issue. Firefox doesnt support Shadow DOM yet so a 'shady dom' is used by the polyfill

Re: Show HN: Wired-elements – UI web components with a hand drawn, sketchy look

#88
post #80

I tried to build an svg and web component app about three years ago and just had a devil of a time with compatibility. Are web components a thing again? I sure hope so.

Mostly there. Firefox still needs a polyfill and some issues working with react

Re: Show HN: Wired-elements – UI web components with a hand drawn, sketchy look

#89

I wonder if there's something comparable for LaTeX / Beamer. That would be very useful for my presentations.

Theres a stand alone drawing library roughjs.com that might be useful for more generic drawings. I believe people have used it with reveal.js to use them in presentations.

Re: Show HN: Wired-elements – UI web components with a hand drawn, sketchy look

#90
post #32

I like it. The thing that I'm asking myself now is why do I like it (and other "humanized" drawings) ? I've always preferred accuracy over ambiguity, clean minimization over unnecessary clutter, shouldn't I prefer clean straight lines over something a human can draw on a sheet of paper? I'd never want to read a book written in human handwriting, so why is this appealing to me? Is it perhaps because the lack of optimi…

> I'd never want to read a book written in human handwriting

Try Alfred Wainwright's guides - he not only hand-illustrated but hand-wrote and hand-justified his books.

http://wainwrightguides.co.uk/

Post reply on HN