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

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

#21

Post by 0x445442 » Thu, May 24, 2018, 7:44 PM UTC

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.

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

#22

Post by suyash » Thu, May 24, 2018, 7:45 PM UTC

What is the font type that is used in this blog? Is it available for free use?

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

#23

Post by shihn » Thu, May 24, 2018, 7:47 PM UTC

suyash wrote: post #22

What is the font type that is used in this blog? Is it available for free use?

Yes: https://fonts.google.com/specimen/Gloria+Hallelujah

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

#24

Post by dmix » Thu, May 24, 2018, 7:57 PM UTC

swyx wrote: 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!

Strange, that designer link doesn't load in Firefox Nightly, with this error:

    Loading failed for the  with source “https://wiredjs.github.io/designer/bower_components/webcomponentsjs/webcomponents-hi-sd.js”.

But it works fine in Chrome. Regardless, it looks really useful but still very much beta. It could be a decent Mockingbird replacement if you could save the documents and export them as PDF/png. Plus it needs way more components.

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

#25

Post by [deleted] » Thu, May 24, 2018, 8:00 PM UTC

[deleted]

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

#26

Post by asdsa5325 » Thu, May 24, 2018, 8:09 PM UTC

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).

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

#27

Post by shihn » Thu, May 24, 2018, 8:13 PM UTC

asdsa5325 wrote: post #26

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

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

#28

Post by tambourine_man » Thu, May 24, 2018, 8:15 PM UTC

Nice.

I still drool over the Drawing Board theme from Classic Mac OS.

http://fileasylum.weebly.com/uploads/1/0/2/9/1029074/2682747...

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

#29

Post by k__ » Thu, May 24, 2018, 8:27 PM UTC

I used Sketchy theme from Bootswatch for a game I did last week for a contest.

https://bootswatch.com/sketchy/

https://github.com/kay-is/startup-clix

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

#30

Post by jedberg » Thu, May 24, 2018, 8:29 PM UTC

spking wrote: post #5

This is fantastic! Very useful to get a concept into the browser and hopefully minimize clients focusing on visual design preferences too early in the process.

I hadn't thought of this, but this is an excellent point! You can use this to make a functional mockup for a client/boss/whomever, and by using these they will completely ignore all styling and focus on the functionality.

Heck, I'm even thinking of using it now when we launch a beta, to get the users to focus on the functionality instead of the design. My only fear is that they will want to keep the design!