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

科技回声

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

GitHubTwitter

首页

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

资源链接

HackerNews API原版 HackerNewsNext.js

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

Show HN: How we built our interactive demo walk-through

20 点作者 hjkm超过 7 年前

12 条评论

dang超过 7 年前
This is a good article but unfortunately there's evidence of voting collusion and, worse, booster comments in the thread. We ban accounts and sites that do these things, so please make sure not to do them. It's not in your interest anyhow, since if the article gets attention, HN readers are good at sniffing out the collusion and then they go mad with ire.
评论 #16371953 未加载
simonmorley超过 7 年前
Love this. Totes getting bored using a gazillion tools to help onboard my users. Before you&#x27;ve even started a new venture, you&#x27;ll find yourself hunting for the right tool for a job you didn&#x27;t even expect would exist.<p>Which support tool. Which analytics tool. Which AB testing tool. Which wizard tool. bla bla bla.<p>Back to basics. I&#x27;ll get my coding hat on and actually make an effort. Nice work. Will try this one myself next time I need a wizard.
redroot超过 7 年前
I&#x27;m interested to hear what the opinion on jQuery are like these days. Even if it&#x27;s a little unglamorous, this is the perfect use case - a one-off project where you have needs for cross-browser animation, resizing, DOM manip, and where something like React might be overkill, even if feasible. CSS animations might be an alternative but it depends on audience browser breakdown.
评论 #16367851 未加载
elsurudo超过 7 年前
Nice – what a simple, elegant solution. Like the others are saying, sometimes there&#x27;s no need to reach for the heavy toolbox...<p>How did you measure the effectiveness of having the walkthrough on the front-page? Did you (or did you think about) hooking this up to some analytics? Perhaps see where people tend to drop-off?
评论 #16367680 未加载
maxnov超过 7 年前
Very interesting. I think it&#x27;s nice to see an account of building something from scratch instead of using a library. Sometimes I spend more time searching for a suitable library than it would take to build it from scratch :D
评论 #16367955 未加载
评论 #16367604 未加载
philgooch超过 7 年前
Thanks for your generosity in sharing this, I can see this being incredibly useful for creating user onboarding, walkthroughs and demos. The timing of this is perfect for me - thanks again!
sergiks超过 7 年前
Looks very elegant! Great it does not require loading the app itself and is easily embeddable in a web page. Calling the implementation a &quot;vanilla&quot; jQuery made me smile )
rhnyc超过 7 年前
This is really useful - have been looking for flexible way to demo WIP versions of apps to clients. Thanks for sharing
weichx超过 7 年前
I like idea of using images for this and not trying to wrangle the actual app, much cleaner!
评论 #16367832 未加载
ds99bwood9超过 7 年前
Wonder how this would look like if it was vanilla JS? More performant to boot.
评论 #16371466 未加载
cbck超过 7 年前
This is really cool! I&#x27;ve been looking for something like this to give an app walkthrough without needing test data or a demo environment -- thanks guys!
RealCodeBeard超过 7 年前
Loads have commented rightly on the simplicity (nay elegance) of the solution. I can&#x27;t fault the use of JQuery even if I have never been a fan. I also agree that sometimes just building something as opposed to searching for someone else&#x27;s solution is the right choice. Especially when you look at some of the foolish &#x27;kata&#x27; time people spend when they could practice on something business-useful like this.<p>Most of all, to see the thought process played out is really important. This article would make great reading for juniors to help see how more experienced people solve problems. Particularly as it is not a patronising &#x27;tutorial&#x27; (draw three circles, then draw an owl) but working through a clear scenario.