Show HN: Wired-elements – UI web components with a hand drawn, sketchy look
1–10 of 124 posts
Re: Show HN: Wired-elements – UI web components with a hand drawn, sketchy look
#2Really nice project. Not sure what's the use case but good fun project. Will use someday. :)
Re: Show HN: Wired-elements – UI web components with a hand drawn, sketchy look
#3Really nice project. Not sure what's the use case but good fun project. Will use someday. :)
Yep. It was mostly done for fun. I can see it being a tool for wire-framing or interactive mockups.
Re: Show HN: Wired-elements – UI web components with a hand drawn, sketchy look
#4Really nice project. Not sure what's the use case but good fun project. Will use someday. :)
the balsamiq wireframing software is stylized like this, and i think it suits the wireframing context very nicely https://balsamiq.com/
that's just one specific use case, but it's one where i think this sketchy style fits really nicely with the context
Re: Show HN: Wired-elements – UI web components with a hand drawn, sketchy look
#5This 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.
Re: Show HN: Wired-elements – UI web components with a hand drawn, sketchy look
#6After working on http://roughjs.com/ I thought it would be interesting to create common sketchy UI components that worked like actual controls. Web components seemed liked the obvious tech for that. So, yeah, here's wired-elements.
Re: Show HN: Wired-elements – UI web components with a hand drawn, sketchy look
#7After working on http://roughjs.com/ I thought it would be interesting to create common sketchy UI components that worked like actual controls. Web components seemed liked the obvious tech for that. So, yeah, here's wired-elements.
Great job!. What is it based on Canvas or SVG? I had in my initial version of https://www.mockuptiger.com built sketchy components using Canvas. It was interesting and fun.
Re: Show HN: Wired-elements – UI web components with a hand drawn, sketchy look
#8After working on http://roughjs.com/ I thought it would be interesting to create common sketchy UI components that worked like actual controls. Web components seemed liked the obvious tech for that. So, yeah, here's wired-elements.
Great job!. What is it based on Canvas or SVG? I had in my initial version of https://www.mockuptiger.com built sketchy components using Canvas. It was interesting and fun.
The web components use SVG and are build on lit-element (https://github.com/Polymer/lit-element) as the web-component base.
Rough.js can render to either canvas or SVG.
Re: Show HN: Wired-elements – UI web components with a hand drawn, sketchy look
#9Really nice project. Not sure what's the use case but good fun project. Will use someday. :)
the balsamiq wireframing software is stylized like this, and i think it suits the wireframing context very nicely https://balsamiq.com/ that's just one specific use case, but it's one where i think this sketchy style fits really nicely with the context
Came here to mention Balsamiq. Used it for years and made by rather nice people.
Re: Show HN: Wired-elements – UI web components with a hand drawn, sketchy look
#10I really like the look, very nice job on that.
Is there any particular reason though why you didn't follow the aria standards for the controls? None of these controls can be used by a keyboard, and a screen-reader sees them only as text.