Category Archives: Cross-Browser

Web Apps Raise The Ceiling Above HTML5 As Famo.us Recreates Facebook’s Paper

UX design has been getting pretty slick in the world of iOS. Facebook released Paper (subtitled “Stories from Facebook”), perhaps the best newsfeed app I have seen. This native iOS app is built using a toolkit called Origami that the Facebook design team has developed on top of Apple’s Quartz Composer for OSX and iOS. But even with the usability improvements introduced by Origami, Quartz Composer is still only a prototyping tool for iOS. You still need to know to write native iOS code (in this case UIKit) to implement the actual app.

Christain Billings of Tapity calls Quartz Composer the “key to iOS 7 design,” since it enables designers to prototype sophisticated interactions using iOS 7’s built-in physics engine. And indeed a quick look at the gallery of beautiful UX samples at Capptivate reveals how look and feel have exploded in the flatlands of iOS 7.

Surely the high-performance animations in this new crop of apps with their multiple parallax effects and highly-rendered transitions are just the kind of thing you can only make as native app and preferably an iOS app, right?

Actually… not. Wednesday night the team at the JavaScript  app platform Famo.us gave a demo where they showed how they rebuilt an exact replica of Paper using only web technologies (in other words HTML5, CSS3 and JavaScript.) And the demo was accomplished by a single team member, Hongxu Liu, in his first week on the job! (see video below) Everything from the swiping scrollview to the signature “unfolding” of story links and a host of other effects were rendered with perfect fidelity to their native iOS counterparts.

via Forbes.