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

科技回声

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

GitHubTwitter

首页

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

资源链接

HackerNews API原版 HackerNewsNext.js

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

Did these guys just reinvent the Web?

81 点作者 felixr超过 11 年前

36 条评论

Hopka超过 11 年前
From the rather vague text I can imagine they are doing matrix multiplication in JavaScript and assigning the end result to a CSS transform. Instead of doing multiple transforms in CSS which is slower. The end result is smoother HTML5 animations but I haven't yet figured out where they reinvented the web.
评论 #6566523 未加载
pavlov超过 11 年前
Is this just a closed-source ripo^H^H^H^H fork of Three.js?<p>The example shown on famo.us is identical to MrDoob&#x27;s Three.js example that uses CSS3:<p><a href="http://www.mrdoob.com/lab/javascript/threejs/css3d/periodictable/" rel="nofollow">http:&#x2F;&#x2F;www.mrdoob.com&#x2F;lab&#x2F;javascript&#x2F;threejs&#x2F;css3d&#x2F;periodict...</a><p><i>Edit: looks like it&#x27;s the other way around -- according to MrDoob&#x27;s G+ post from last year, he based his Three.js CSS3 example directly on the design created by famo.us:</i> <a href="https://plus.google.com/113862800338869870683/posts/QcFk5HrWran" rel="nofollow">https:&#x2F;&#x2F;plus.google.com&#x2F;113862800338869870683&#x2F;posts&#x2F;QcFk5HrW...</a>
评论 #6565041 未加载
onion2k超过 11 年前
Sounds like they came up with a novel and impressive optimisation that everyone could benefit from, but decided to keep it to themselves and charge for it. So less &quot;reinvent the web&quot; than &quot;go back to the way things were before the web&quot; really.<p>Whether or not there&#x27;s anything wrong with that is left up to the reader. :)
评论 #6564606 未加载
评论 #6564686 未加载
评论 #6564845 未加载
koenbok超过 11 年前
My prototyping framework <a href="http://framerjs.com" rel="nofollow">http:&#x2F;&#x2F;framerjs.com</a> uses the exact same approach, divs positioned with only css matrix transforms. Great for high performance animations.<p>I&#x27;ve sometimes thought about building a full fledged ui framework on top of it but it doesn&#x27;t work (exactly the same) in all browsers. And I suspect offloading everything to the gpu by default will lead to other sorts of performance issues but I&#x27;ll have to test this.<p>Framer also includes spring physics and is fully integrated with Photoshop. You should check it out if you build prototypes.
评论 #6565195 未加载
评论 #6565461 未加载
评论 #6565790 未加载
评论 #6565435 未加载
camus2超过 11 年前
Vaporware. This stuff was announced years ago, we saw only one basic demo , they raised quite a lot of money though, yet there is no product today. What did they do with the money?<p>Mr Doobs did the same demo, even better since he used the framework he created ,three.js :<p>- <a href="http://www.mrdoob.com/lab/javascript/threejs/css3d/periodictable/" rel="nofollow">http:&#x2F;&#x2F;www.mrdoob.com&#x2F;lab&#x2F;javascript&#x2F;threejs&#x2F;css3d&#x2F;periodict...</a>
评论 #6565532 未加载
josteink超过 11 年前
&gt; Welcome to famo.us<p>&gt; a javascript engine and framework that solves HTML5 performance<p>And doesn&#x27;t work in Firefox. Aweso.me!
评论 #6565303 未加载
评论 #6564701 未加载
评论 #6564649 未加载
Jare超过 11 年前
Looks like a nice 3D tweening DOM engine. Related (and recommended) visits for people interested in that sort of thing:<p>- <a href="http://hakim.se/" rel="nofollow">http:&#x2F;&#x2F;hakim.se&#x2F;</a><p>- <a href="http://desandro.github.io/3dtransforms/" rel="nofollow">http:&#x2F;&#x2F;desandro.github.io&#x2F;3dtransforms&#x2F;</a><p>- <a href="http://glmatrix.net/" rel="nofollow">http:&#x2F;&#x2F;glmatrix.net&#x2F;</a><p>As for the article... the author confuses &quot;rendering&quot; with &quot;layout&quot;:<p>- &quot;the primary part we need to rewrite is the part of the renderer that creates and multiplies the matrices&quot;<p>- &quot;We use the CSS3 primitive -webkit-transform: matrix3d, which lets us compute the composite matrix and skip the browser&#x27;s renderer&quot;<p>Which leads to some absurd claims:<p>- &quot;We were 14 times faster than compiled C in Chrome&quot;<p>Before reality kicks back in:<p>- &quot;rendering goes through DOM&quot;<p>- &quot;Obviously, this isn&#x27;t exactly the reinvention of the Web&quot;<p>And this is how you sell a DOM scenegraph engine to people with more money than common sense:<p>- &quot;a W3C standard that must be supported by all browsers&quot;<p>- &quot;all text in Famo.us applications is searchable&quot;<p>- &quot;enable rapid application development&quot;<p>- &quot;smooth, high-functioning UI across all platforms&quot;<p>- &quot;one of several enabling technologies&quot;<p>- &quot;allow enterprise users to touch-interact with big data analytics&quot;<p>- &quot;spark a new breed of gamified enterprise apps&quot;
Fuxy超过 11 年前
Seems browsers are obsolete and are now just getting in the way. People are trying to use every loophole and new technology possible to bypass features implemented in browsers.<p>I think it&#x27;s time browsers took a step back and gave more control to developers.<p>It&#x27;s time for a major rethink of what a browser should be&#x2F;do.
评论 #6564698 未加载
评论 #6565602 未加载
njharman超过 11 年前
Without reading the article I can unequivocally answer<p>&gt; Did these guys just reinvent the Web?<p>with NO, you hyperbolic twit.
评论 #6565427 未加载
InternalRun超过 11 年前
Betteridge&#x27;s law of headlines comes to mind.
评论 #6564522 未加载
评论 #6564442 未加载
评论 #6564660 未加载
评论 #6564428 未加载
评论 #6564446 未加载
swatkat超过 11 年前
Off topic: Why does it say <i>Urasium Michael Arrington</i>? <i>Urasium</i> was a typo in some Apple demo event.<p>[0]<a href="https://twitter.com/onesleepynerd/statuses/344251077887131649" rel="nofollow">https:&#x2F;&#x2F;twitter.com&#x2F;onesleepynerd&#x2F;statuses&#x2F;34425107788713164...</a>
评论 #6565549 未加载
heijmans超过 11 年前
They are using CSS3 3d-transforms to create visual interfaces with good performance on modern browsers (including mobile). See:<p><a href="http://famo.us/" rel="nofollow">http:&#x2F;&#x2F;famo.us&#x2F;</a><p>(BTW: It took me a while to figure out that if you close the dialog window, you can click the buttons at the bottom for more demo&#x27;s.)<p>Unfortunately they are only using the webkit-prefixed properties, so their demo doesn&#x27;t work in Firefox or IE. I&#x27;m guessing they wrote their demo a couple of years ago and never updated it.<p>There are some problems with CSS3 3d-transforms: 1) Text looks blurry, just look at the dialog window in the demo. 2) Some mobile devices (e.g. old iPads) have limited GPU memory. If you use too much (by setting 3d-transforms on large surfaces), the browser (or your app) will crash.<p>By the way, the answer to the question in the title is: No. And if they don&#x27;t open source their code, they won&#x27;t get a lot of traction.
评论 #6575724 未加载
kristofferR超过 11 年前
Their demo on <a href="http://famo.us" rel="nofollow">http:&#x2F;&#x2F;famo.us</a> is pretty impressive at least, it runs flawlessly smooth on my &quot;ancient&quot; iPad 2.
评论 #6564505 未加载
评论 #6564493 未加载
评论 #6564682 未加载
fakeanon超过 11 年前
&quot;Obviously, this isn&#x27;t exactly the reinvention of the Web, but Famo.us has pushed JavaScript in a novel direction -- and has poked a large hole in the argument that native apps alone deliver the goods. It will be fascinating to see the new types of applications that emerge.&quot;
adam-a超过 11 年前
The demo doesn&#x27;t work on Firefox 27.0a1 on my MacBook Pro. Any effort to reinvent the web needs to keep compatibility in mind.<p>Tried it on my phone and the performance was good but still noticeably stuttering. Could be an interesting approach if they cut down the hyperbole and carry on improving.
asaarinen超过 11 年前
Hard to imagine what they could be adding to CSS3 transforms - composite transforms can be done efficiently without calculating them manually anyway (by using the DOM tree as a &quot;scene graph&quot;). I experimented with this some time ago as well [1]<p>But even bigger question than the performance is, what kind of 3D user interface would be more effective in conveying a message than a clean, regular 2D website that everybody feels familiar with. Curious to see if they will bring some UI design innovations here<p>[1] <a href="https://github.com/asaarinen/spherical-map" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;asaarinen&#x2F;spherical-map</a>
usernew1817超过 11 年前
I remember these guys, is it just me or have they been in beta for like 3 years
bradwestness超过 11 年前
If their performance claims bear out (which, we&#x27;ll see) I could see this becoming a popular way to deliver apps and games to mobile devices without giving 30% of your income to Apple or whoever.
评论 #6564480 未加载
probablyfiction超过 11 年前
I just ran this on the LG G2 in chrome via a wifi connection, and it was noticeably slower than the desktop version, which is to be expected because of the way JS runs on ARM processors. &quot;These guys&quot; didn&#x27;t reinvent the web; they just have a good PR connection.<p>If someone can invent a way to have buttery-smooth HTML5 performance on mobile devices, they&#x27;ll have solved a significant hard problem. This solution? It&#x27;s just a hack.
myers超过 11 年前
I found &quot;The Making of Fastbook: An HTML5 Love Story&quot; illuminating after hearing about Facebook moving away from HTML5.<p><a href="http://www.sencha.com/blog/the-making-of-fastbook-an-html5-love-story" rel="nofollow">http:&#x2F;&#x2F;www.sencha.com&#x2F;blog&#x2F;the-making-of-fastbook-an-html5-l...</a>
sidcool超过 11 年前
|&quot;I feel like we&#x27;re working with a car that has a lawn mower for an engine&quot;<p>Metaphors are powerful.
philhippus超过 11 年前
&quot;We were 14 times faster than compiled C in Chrome...&quot; I feel this part needs clarification. As I understand it the &quot;in Chrome&quot; part is key, as they were bypassing the browser and interpreting javascript through compiled C (matrix3d).
bergheim超过 11 年前
Having never heard of this before, I actually read this half-way through and thought it was a highly satirical piece, so I went back here before realizing it&#x27;s not.<p>The animations were pretty smooth anyway, but my cursor would skip frames over the content.
dharma1超过 11 年前
I saw a video of the founder giving a talk, seems like they are hijacking css3 animations and doing matrix calcs better optimised than most css3 browser implementations<p>Cool stuff but I wouldn&#x27;t call it re-inventing the web
CmonDev超过 11 年前
Started really good: &quot;Facebook is right. HTML5 isn&#x27;t ready,&quot;; &quot;The fact is, it&#x27;s the wrong tool,&quot;; &quot;We&#x27;re years away from this being fixed.&quot;.<p>...then went downhill:<p>&quot;...and in JavaScript.&quot;
deftnerd超过 11 年前
Would using &quot;-webkit-transform: matrix3d&quot; allow a way for websites to use a computers GPU for computation? I.e. stay on a page to calculate pi, work on SETI analysis, or mine for bitcoins?
评论 #6565649 未加载
cateye超过 11 年前
Looks like an easy to implement performance optimization for the browser. Feels like &quot;This belongs in the browser source code, not in the application&quot;.
wnevets超过 11 年前
Its quite terrible on this workstation, so I&#x27;m gonna have to go with a no. Also isnt offloading everything to the GPU a bad idea on mobile?
评论 #6565559 未加载
评论 #6565553 未加载
Sagat超过 11 年前
Wow, this Lu guy is going to be the world&#x27;s first trillionaire, at only 21 years old. Kudos to him for inventing the Internet.
cpa超过 11 年前
There&#x27;s a demo on their homepage: <a href="http://famo.us/" rel="nofollow">http:&#x2F;&#x2F;famo.us&#x2F;</a>
swamp40超过 11 年前
Their homepage is pretty cool. Imagine if every element box was a website or picture.
lrobb超过 11 年前
Does this headline come from the most awesome copywriter we&#x27;ve ever seen?
fraction超过 11 年前
I&#x27;ll just leave this here. Be warned, it&#x27;s a VERY long article. <a href="http://sealedabstract.com/rants/why-mobile-web-apps-are-slow/" rel="nofollow">http:&#x2F;&#x2F;sealedabstract.com&#x2F;rants&#x2F;why-mobile-web-apps-are-slow...</a>
logotype超过 11 年前
jesus christ. we are really in a tech bubble again. this is just ridiculous. the end is near!
daddykotex超过 11 年前
Ur : Micheal Arrington
anonemouscoward超过 11 年前
Best way to &#x27;pivot&#x27; out of wasting $400,000 of somebody else&#x27;s money I&#x27;ve ever seen.
评论 #6565343 未加载