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

科技回声

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

GitHubTwitter

首页

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

资源链接

HackerNews API原版 HackerNewsNext.js

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

Space.js – HTML-driven narrative 3D-scrolling

54 点作者 gothep大约 10 年前

14 条评论

_Adam大约 10 年前
Assuming this isn&#x27;t an April Fools joke...<p>This kind of interface creates a terrible user experience. I&#x27;ve seen them before, and they always suck. The main issue is that you remove all context from the interaction. I don&#x27;t know where I am relative to the entirety of the content. Furthermore, I can&#x27;t jump to the point that I want.<p>It&#x27;s disorienting and infuriating, and after about 10 seconds of exercising my middle finger (in multiple ways), I close the tab and add the site to my mental list of &quot;examples of shitty UX&quot;.<p>Fortunately, this isn&#x27;t the first such example, so I can provide solid evidence of how horrible this concept is. Ironically, it&#x27;s the Famo.us Angular integration documentation...<p><a href="https:&#x2F;&#x2F;famo.us&#x2F;integrations&#x2F;angular&#x2F;#&#x2F;1" rel="nofollow">https:&#x2F;&#x2F;famo.us&#x2F;integrations&#x2F;angular&#x2F;#&#x2F;1</a>
评论 #9305738 未加载
krebby大约 10 年前
There are ways of doing scroll-based storytelling right but this ain&#x27;t it. This library does have the right idea that scrolling should be continuous, but if you over- or underscroll the content you get trapped in a weird middle ground of a tween between two states, and it&#x27;s frustrating to exactly line up your viewport to the content so it&#x27;s readable.<p>Mike Bostock wrote a pretty good post about scroll-based storytelling last year: <a href="http:&#x2F;&#x2F;bost.ocks.org&#x2F;mike&#x2F;scroll&#x2F;" rel="nofollow">http:&#x2F;&#x2F;bost.ocks.org&#x2F;mike&#x2F;scroll&#x2F;</a> <a href="https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=8551724" rel="nofollow">https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=8551724</a>
评论 #9305787 未加载
Mithaldu大约 10 年前
Aside from the fact this hits Poe&#x27;s Law so hard that it is impossible to tell whether it&#x27;s an April Fools joke, i am pleased that it degrades somewhat gracefully without JS:<p><a href="https:&#x2F;&#x2F;dl.dropboxusercontent.com&#x2F;u&#x2F;10190786&#x2F;no-js.png" rel="nofollow">https:&#x2F;&#x2F;dl.dropboxusercontent.com&#x2F;u&#x2F;10190786&#x2F;no-js.png</a><p>And becomes downright usable and pleasant without CSS:<p><a href="https:&#x2F;&#x2F;dl.dropboxusercontent.com&#x2F;u&#x2F;10190786&#x2F;no-css.png" rel="nofollow">https:&#x2F;&#x2F;dl.dropboxusercontent.com&#x2F;u&#x2F;10190786&#x2F;no-css.png</a>
aridiculous大约 10 年前
These comments are very narrow-minded and hostile.<p>This is wonderful execution. It&#x27;s really hard to create something that&#x27;s so easy to use. Its API looks surprisingly elegant.<p>As for the use cases and UX, remember that there&#x27;s many types of projects. This could be used in a way that helps the UX for some kinds of experiences.<p>Just because this would be bad for your work, or the sites you like to go to, doesn&#x27;t mean it&#x27;s not a perfect fit for certain experiences.<p>Kudos.
评论 #9308235 未加载
Mahn大约 10 年前
It&#x27;s definitively an interesting demo, but not the kind of thing one looks forward to when trying to scroll on a page with the purpose of reading it.
draugadrotten大约 10 年前
Great work and useful examples that shows how much richer the web has become since the dark old days when &lt;blink&gt; and &lt;marquee&gt; was the only options to make your web page eye-catching.
评论 #9303549 未加载
评论 #9303548 未加载
wahsd大约 10 年前
I am sure this could be used in creative ways, but how is this not essentially manual stop-motion video? It&#x27;s amazing that technology has progressed so much that now I can manually flip through stop-motion visualization. Let&#x27;s call it a flip-book.
ape4大约 10 年前
April Fools?
评论 #9304401 未加载
thejaredhooper大约 10 年前
I&#x27;ve been thinking about implementing a sort of slideshow like this.<p>I could definitely see this being extended, contained within a frame and used (by intercepting and mimicking scroll actions) in order to present a slideshow in a smooth, consistent manner.<p>By itself, it&#x27;s novel. But extended, I could see a few uses for it.<p>Interesting idea, degrades pretty well (for text only), and I enjoyed scrolling through smoothly with middle-click.
extc大约 10 年前
<a href="http:&#x2F;&#x2F;bartaz.github.io&#x2F;impress.js&#x2F;" rel="nofollow">http:&#x2F;&#x2F;bartaz.github.io&#x2F;impress.js&#x2F;</a>
matthewrhoden1大约 10 年前
I don&#x27;t have smooth scrolling, so these types of things are always jumpy and not very enjoyable.
Bumbaclotmon大约 10 年前
It isn&#x27;t as good as this one, that happens to also implement acceleration: <a href="http:&#x2F;&#x2F;okmove.tumblr.com&#x2F;" rel="nofollow">http:&#x2F;&#x2F;okmove.tumblr.com&#x2F;</a> (and it was made years ago by the folks who designed soylent packaging).
chaosfactor大约 10 年前
It&#x27;s funny because I actually kind of like it.
bpg_92大约 10 年前
Well, it is called Space.js and in the main page it says: No js required. I am missing something here?
评论 #9304838 未加载