TE
科技回声
首页24小时热榜最新最佳问答展示工作
GitHubTwitter
首页

科技回声

基于 Next.js 构建的科技新闻平台,提供全球科技新闻和讨论内容。

GitHubTwitter

首页

首页最新最佳问答展示工作

资源链接

HackerNews API原版 HackerNewsNext.js

© 2025 科技回声. 版权所有。

Show HN: Subform, a UI layout tool

219 点作者 lynaghk大约 7 年前

17 条评论

lynaghk大约 7 年前
Hi HN, author here (along with RyLuke).<p>We launched Subform on Kickstarter in 2016, but are just now opening up our beta to the public.<p>Subform&#x27;s focus is on layout. Dynamic layout systems are pretty functionally complex, but creating them is more of a visual process that really benefits from direct-manipulation and a tight feedback loop. (Rather than the endless tweak-reload&#x2F;recompile-tweak-reload&#x2F;recompile cycle)<p>We started with flexbox, but ended up designing our own layout system, which is both simpler and more expressive.<p>For HN folks who like thinking about conceptual design: <a href="https:&#x2F;&#x2F;medium.com&#x2F;subform&#x2F;why-not-flexbox-ddbe60396163" rel="nofollow">https:&#x2F;&#x2F;medium.com&#x2F;subform&#x2F;why-not-flexbox-ddbe60396163</a><p>Or if you just want to check out the layout system in code, there&#x27;s a WebAssembly build: <a href="https:&#x2F;&#x2F;github.com&#x2F;lynaghk&#x2F;subform-layout" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;lynaghk&#x2F;subform-layout</a><p>Beyond the layout semantics, we&#x27;ve also spent quite a bit of time on the user experience for adjusting layout and hierarchy in the app: <a href="https:&#x2F;&#x2F;medium.com&#x2F;subform&#x2F;dynamic-layout-at-design-time-91d3bbda64e3" rel="nofollow">https:&#x2F;&#x2F;medium.com&#x2F;subform&#x2F;dynamic-layout-at-design-time-91d...</a>
评论 #16541282 未加载
评论 #16542355 未加载
评论 #16541425 未加载
评论 #16544332 未加载
TheAceOfHearts大约 7 年前
Not in the target demographic, but it certainly looks interesting. Over the years I grew used to CSS, and generally find it&#x27;s good enough for my needs.<p>I find it incredibly refreshing to see you guys openly point out use-cases where the tool might not be a good fit.<p>Any plans to license the layout engine? If you decide to go down that path, I&#x27;d ask you to consider allowing free non-commercial usage. I probably wouldn&#x27;t consider paying for a library unless I got to try it first, but if it&#x27;s a good fit it can be well worth the cost. e.g. At my previous job we ended up buying a Highcharts license by my suggestion, since I&#x27;d had positive prior experiences and it was a good fit for our problem.<p>Here&#x27;s one complaint I have with some designers: they always design for the perfect scenario. They don&#x27;t consider what should happen when a value is too long or short, as well as what should happen when dealing with an empty collection, or worse, a large one. Having a way to specify all those kinds of variations would be absolutely amazing.
评论 #16542189 未加载
评论 #16542163 未加载
iambateman大约 7 年前
First, this tool is brilliant. I’ve been a Front end dev for 7 years and I still google “centering in the unknown” every time because it’s easier than remembering the properties. The whole process of being expressive in HTML and CSS is so broken and the tools today are broken right along with it. Thanks for trying to make it better!<p>Second, charging for a beta...what a great idea. I’ve signed up for 7 competitors this week and can’t remember their names and will never again login. But if I have to decide this problem is big enough to make a monthly commitment, I’m damn sure going to log back in to get my money’s worth. I hope y’all crush it. Thanks.
评论 #16542074 未加载
评论 #16542226 未加载
vogt大约 7 年前
I consider myself a big fan of design tools. I really want to try yours, but I can&#x27;t bring myself to pay for a beta. I might consider a paid trial ($5&#x2F;2 weeks) or something, since I appreciate your transparency and cause. Just some feedback is that despite the transparency and your willingness to refund no questions asked, I still am having trouble getting over the mental barrier
评论 #16541566 未加载
huula大约 7 年前
Nice, <a href="https:&#x2F;&#x2F;huu.la" rel="nofollow">https:&#x2F;&#x2F;huu.la</a> implements a similar idea, but for web pages -- for anyone that&#x27;s interested.
news_to_me大约 7 年前
Looks super cool!<p>I&#x27;m curious why you decided on a monthly subscription model. Apart from support and updates, what is the ongoing value? Other desktop tools like this I&#x27;ve seen (Sublime Text, Paw, xScope) are available for a bit higher, one-time price.<p>Just curious what your guys&#x27; thought process was.
评论 #16541361 未加载
jbryson3大约 7 年前
Looks like a well thought out tool. Though to get me or my team to adopt it I&#x27;d need at least a sprint or two of a free trial. I hope it gains adoption. It probably says more about me than the business strategy, but I don&#x27;t think I&#x27;ve ever bought a tool that I couldn&#x27;t try or play with first for free.<p>What I&#x27;m not sure it does, and would hope it does, is provide a WYSIWYG way of CSS layout. I.E. under the hood it&#x27;s using css3 to layout, but in a way I don&#x27;t have to think about it, and could output it after I get the design the way I want.
评论 #16541241 未加载
myguysi大约 7 年前
Looks great and I may well give it a try. I have one question though which I can&#x27;t seem to find any mention of from the site - is there any way to define breakpoints for responsive layouts?<p>Speeding up laying out elements is really nice but it&#x27;s difficult to communicate responsive designs to production without having to duplicate artboards.
acmecorps大约 7 年前
So, what&#x27;s the difference between this and Webflow?
评论 #16548849 未加载
评论 #16545283 未加载
评论 #16544145 未加载
porker大约 7 年前
Very pleased to see something come out of the Kickstarter. I was very impressed by the demo at the time but didn&#x27;t back it having been burned by too many projects that went nowhere.<p>This doesn&#x27;t look like it does everything in the Kickstarter video, but keen to be proven wrong!<p>Edit: Also re your website, a comparison with other tools to highlight what Subform can do that others (Invision Studio etc) can&#x27;t would be very helpful.
sandGorgon大约 7 年前
Is this similar to Pagedraw ? <a href="https:&#x2F;&#x2F;pagedraw.io&#x2F;" rel="nofollow">https:&#x2F;&#x2F;pagedraw.io&#x2F;</a>
kowdermeister大约 7 年前
Kudos for releasing it on Windows too, too many desing &#x2F; UX tools simply exclude it.<p>Also, I appreciate the honesty here: <a href="https:&#x2F;&#x2F;subformapp.com&#x2F;why-not-subform&#x2F;" rel="nofollow">https:&#x2F;&#x2F;subformapp.com&#x2F;why-not-subform&#x2F;</a>
nickreese大约 7 年前
Looks super useful. Great work.<p>From a copywriting perspective, I think you can you to find a more descriptive&#x2F;useful sub headline. I&#x27;ve read the page and I get and need what your service does, but I still have no idea what the sub headline means.
评论 #16541758 未加载
dustingetz大约 7 年前
<a href="https:&#x2F;&#x2F;github.com&#x2F;lynaghk&#x2F;subform-layout" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;lynaghk&#x2F;subform-layout</a> (with CodePen link!)
_mhr_大约 7 年前
I&#x27;ve been subscribed to your newsletter for a long time - years, I think - and it&#x27;s wonderful to see your hard work pay off!
rail4you大约 7 年前
Any education discount? It looks like a good tool for teaching UX. Sketch and other many UX tools have education discount.
asdsa5325大约 7 年前
iOS only?
评论 #16541632 未加载