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

科技回声

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

GitHubTwitter

首页

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

资源链接

HackerNews API原版 HackerNewsNext.js

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

Napkin - A Rapid Web Prototyping Tool

36 点作者 karthikksv超过 12 年前

16 条评论

ataggart超过 12 年前
An overlay requiring me to "Sign in" before I can even know what the hell the site is about? No thanks.
评论 #4457261 未加载
评论 #4457451 未加载
评论 #4457208 未加载
评论 #4457215 未加载
评论 #4457329 未加载
评论 #4457397 未加载
评论 #4457481 未加载
评论 #4458001 未加载
yesimahuman超过 12 年前
Looks interesting, but I think it could use more explanation of how it works and what it creates.<p>If anyone is interested in other tools, I built a Twitter Bootstrap prototyping tool called Jetstrap (<a href="http://jetstrap.com/" rel="nofollow">http://jetstrap.com/</a>). It lets you build bootstrap pages with a lot of control.
评论 #4457420 未加载
评论 #4457374 未加载
anthemcg超过 12 年前
I imagine this is not meant for UI Designers. The layout creation process feels impractical and the drag and drop with the side menu to add internal elements is a bit confusing.<p>Overall, its got some cool ideas. I like the export to Node.js feature. Anyway, it may be easier to pick one design pattern ( i.e. Drag and Drop or control by side menu)the mixture is kinda clunky.<p>The cross-hairs on the draggable elements is also kinda confusing as that is not conventionally what it means. I recommend the closed hand icon for that ( a quick Google search of "drag cursor") will get you on your way.<p>Overall not bad, but I can't see myself using it for prototyping.
评论 #4457430 未加载
dapak超过 12 年前
Eh, sorry but I can't even read a faq to know what this is before being bombarded with a sign-in alert? Count me out.
edna_piranha超过 12 年前
Think of it as a prototyping app that you can create a functioning standalone app out of.<p>With Balsamiq, you can create wireframes but they aren't responsive nor can you do any real workflow out of it. In the Napkin project, our attempt was to experiment with the idea of combining wireframes with scaffolding - then you can export the app and continue development (design/more backend work/frontend/etc) or just port it to your preferred language/framework.<p>This was a project that came out of 3 months of development and planning and although it's still an early project, we hope it influences those interested in combining rapid prototyping worlds to contribute or build their own :)
nmcfarl超过 12 年前
I think this needs some more explanatory text. It's a nice quick mockup generator, it would appear, but it oddly exports not HTML, but rather a nodeJS application, which seems insanely heavyweight for a simple form builder.
评论 #4457123 未加载
roryokane超过 12 年前
This tool might be good for static web pages where the copy and layout is the most important thing, and perhaps basic web apps of the kind that Rails generates with scaffolding. But it doesn’t seem suited for most web apps. The library is missing components needed to represent many things. For instance, you can’t represent images. You can’t represent most things that would be a “custom view” of data – tables, graphs, diagrams, draggable components, etc..<p>I tried mocking up Napkin itself in Napkin and ran into trouble. The sidebar needs components of all types (Article, Form, and Navigation), so I need to split it into multiple boxes. But I can’t arrange the app by columns, only by rows, so the main content is vertically aligned with boxes in the sidebar, though it shouldn’t be. I couldn’t represent the screen prototype view – there’s no way to draw “dotted boxes”. I also tried mocking up another note-database app, and that went better – I typed bullets at the beginning of Article paragraphs to represent my bulleted list of notes.<p>At least the app is very polished. I enjoy the simplicity of the model – the grid-based layout and the organized types of content. The site also looks clean and pretty. Though a few interactions are weird, such as how you need to drag components from the sidebar to add them, but you can only click a “+” button to add elements listed in the sidebar.<p>A small bug: if you have a 3-column row and put content in columns 1 and 3, then Share Screen to preview, column 3 moves to the left to take empty column 2’s place. I would prefer it to stay on the right side.
kodablah超过 12 年前
I like the app. I would prefer a freeform mode though where I can place my objects where I'd like instead of being forced to conform to a grid no more than three wide (and no way I can see from altering the spacing/size of the cells).
评论 #4457370 未加载
vdm超过 12 年前
At first I Just Said No to the sign in overlay. Based on the comments here, the fact that it was a Mozilla project (I trust that brand, so it might help to say 'Napkin by Mozilla (Labs)' or similar), and the fact that I actually wanted to try a real example of Persona, I logged in.<p>The Persona experience was positive enough, but when I was bounced back to Napkin the examples under the overlay have disappeared. There is nothing to explore, just a blank interface; disappointing.<p>This is wasting too much of people's time to qualify as an MVP and is wasting the project's opportunity to get some decent feedback from HN. How not to launch.
ripperdoc超过 12 年前
I tried using it on Windows Chrome 23, but not going well. I get into creating screens, but can't for the life of me figure out how I can start drawing those screens. I seemingly can only edit the name of the screen or delete it.<p>Also, the page is too wide for my 1366x768. See <a href="http://imgur.com/kzIqN" rel="nofollow">http://imgur.com/kzIqN</a>
duked超过 12 年前
no way I'm signing in before I know what is the site about ...
egeozcan超过 12 年前
I added a page and I can edit the name... Now what? <a href="http://i.imgur.com/oqcyT.png" rel="nofollow">http://i.imgur.com/oqcyT.png</a>
mgkimsal超过 12 年前
ummm...<p>icons to do things like edit the project name, export as nodejs app and delete the project, but no icon to <i>do</i> anything? Oh... just click the actual project name.<p>Highly unintuitive - add an icon. And when editing the project name, increase the contrast of the 'done' icon/button/link - dark gray on black (espeically when other action icons are white on black) is very hard to read.
shousper超过 12 年前
Doesn't seem to be working very well on my FF 14.0.1 on Mac 10.8 - works okay in latest Chrome though :)
mgkimsal超过 12 年前
give the option of exporting rails, php (zf and/or symfony), asp.net and a couple other target stacks, and I'd pay for this.
PythonDeveloper超过 12 年前
Can't add a page 'cause the stinkin ForkMe image is covering the button when full screen.
评论 #4457147 未加载