Live data from Hacker News

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

wiredjs.com

31–40 of 124 posts

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

#31
post #11

i started working on a react clone of wired from a few months ago - kinda dont have time to continue on it but if anyone wants to take over please do: https://github.com/sw-yx/react-wired also preet's designer tool is very very very usable: https://wiredjs.github.io/designer/ basically a free balsamiq!

For a different free version of balsamiq, also check out https://pencil.evolus.vn/ and use the Sketchy GUI stencil.

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

#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 optimization of the diagram contrasts and brings out the simplicity of the idea being conveyed? I could bring up some theories but can't say for sure.

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

#33
What is the use-case for this? I read and agree that writing HTML or JavaScript is too costly for wireframes and this is why wireframe tools are handy, because you can cheaply sketch out plans or ideas. But this is in JS, so "drawing" with this would be costly.

I can see that it can be used for the fun look, but other than that, what's the point of this framework?

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

#34
post #33

What is the use-case for this? I read and agree that writing HTML or JavaScript is too costly for wireframes and this is why wireframe tools are handy, because you can cheaply sketch out plans or ideas. But this is in JS, so "drawing" with this would be costly. I can see that it can be used for the fun look, but other than that, what's the point of this framework?

I work for an organization that nitpicks about how things look instead of actual functionality.

I've taken to style things like this because it helps them remember "this is just a placeholder" and focus on the actual application logic.

My sketchy stuff isn't as polished as this, but if this is just drop-in, it could be useful.

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

#35

Reminds of the Napkin look and feel for Java Swing apps. I worked on a project where we only demoed the Napkin L&F to our customers until we were feature complete. The idea was to keep them focused on functionality.

For those curious like I was http://napkinlaf.sourceforge.net/

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

#37
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

well, fwiw, the randomness/uniqueness of the elements help to give them their hand-drawn feel, and the font on this link does not contain that randomness. All letters look the same everywhere. And the line height is constant and so are the vertical positions. It’s more like a stylized font than handwriting. And it’s actually quite a game / readable stylized font. It’s not as fast as the more mechanical / typewritten fonts that are prevalent, but it’s still an comfortable read.

Anyways maybe it’s the same reason we tend to prefer a human voice giving us directions over a robot voice

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

#38
post #27

Looks nice, but I have a bug: The sliders don't work properly, when trying to move them they will always start back at 0. (I'm using Firefox 60).

Yep sliders aren't quite baked yet. Should work on chrome. Thanks for reporting. https://github.com/wiredjs/wired-slider/issues/3

FYI, the slider doesn't work at all on Chrome Android.

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

#39
post #27

Earlier quoted context omitted.

Yep sliders aren't quite baked yet. Should work on chrome. Thanks for reporting. https://github.com/wiredjs/wired-slider/issues/3

FYI, the slider doesn't work at all on Chrome Android.

Same on Safari iOS

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

#40
post #27

Earlier quoted context omitted.

Yep sliders aren't quite baked yet. Should work on chrome. Thanks for reporting. https://github.com/wiredjs/wired-slider/issues/3

FYI, the slider doesn't work at all on Chrome Android.

Yep not very touch friendly at the moment. Bug filed
Post reply on HN