5 ms·

The new LinkedIn and OkCupid apps are primarily HTML5 based. Not quite the same, but every new release of the Facebook app seems to have more of its existing vi

The new LinkedIn and OkCupid apps are primarily HTML5 based. Not quite the same, but every new release of the Facebook app seems to have more of its existing views replaced by HTML5 counterparts.

flyosity 15y ago
I'm fairly certain that the Facebook iPhone app does not UIWebViews to render anything. Their fast-scrolling tableviews are painstakingly crafted from scratch, natively, and (I believe) still use Joe Hewitt's framework for complex view rendering. I know some guys on the Facebook iPhone app team and they're die-hard Cocoa developers, I can't see them ever saying "screw it" and using a UIWebView with HTML.
- domhofmann 15y ago
  Go to your profile and swipe left on a wall post and observe the "Remove" button and its animation. Now go to the bottom of your wall, and tap on the "See more posts..." cell. Notice that the activity indicator is an animated GIF. Open the app frequently and you'll see certain elements in the UI automatically changing without downloading an update. Or check out m.facebook.com and play around with the news feed that is identical to the one in the iPhone app. Granted, there are other approaches you can take to get this behavior, but I'm not sure why you would. My impression is that they're using HTML5 in these areas.
  - flyosity 15y ago
    Hmm, they're not using the native UITableView animation for editing, but that doesn't mean it's HTML. It's just clunky animation, mostly because each cell is doing a lot of drawing translation due to it all being three20. Also, the "see more posts" cell at the bottom is a TTTableMoreButtonCell (https://github.com/facebook/three20/blob/master/src/Three20UI/Sources/TTTableMoreButtonCell.m https://github.com/facebook/three20/blob/master/src/Three20U...) I believe. I know that Facebook is very pro-HTML5 but I don't think there are any views in the native iPhone app that are not native UIKit or based on three20. I'll ask around, would be nice to now if there's any shared code at all on their end.
  - flyosity 15y ago
    I stand corrected! I got confirmation from both Joe Hewitt and JazzyChad that they are indeed webviews used in many places now instead of native tableviews. Disregard everything I said :)
- kwellman 15y ago
  I just watched this video (http://gigaom.com/2011/09/27/facebook-mobilize-2011/ http://gigaom.com/2011/09/27/facebook-mobilize-2011/) where Facebook's head of mobile product talks (a tiny bit) about using HTML5 in their mobile products instead of all native development to keep pace with launches on the Facebook desktop site. Check out the video at ~16 minute mark.
  - shahidhussain 15y ago
    As if by magic, this story was just published: http://www.readwriteweb.com/archives/how_facebook_mobile_will_evolve_with_html5.php http://www.readwriteweb.com/archives/how_facebook_mobile_wil...
    - Tyrant505 15y ago
      Are writers scouring our discussions looking for topics for their readers?
    - abbott 15y ago
      not magic, TechCrunch and other blogs have been talking about Project Spartan for months. The screen shots were leaked yesterday, which is news worthy...unlike our comments.
    - DenisM 15y ago
      It took m a few seconds to realize what is wrong with "HTML5 fist of rage" logo in the article. The fist has 6 fingers. To be fair the original HTML5 logo isn't that much better...
      - mmahemoff 15y ago
        6 fingered fist is the original logo. (More precisely, it's the best we had to use until the release of the w3c one you're referring to.)
- joehewitt 15y ago
  Some, but not all, table views were replaced with web views a few months ago. News Feed is one example that is now HTML.
  - flyosity 15y ago
    I'm not always proven totally wrong on HN... ...but when I am it's by Joe Hewitt. TGIF!
  - DenisM 15y ago
    Hm. How do you handle progressive loading? Do you even bother, or do you just load up the entire news feed and let the WebKit struggle with keeping images in-ram/in-cache etc?
    - wallflower 15y ago
      Netflix uses an interesting WebKit-based approach for progressive loading. Basically, they reuse cells like UITableView does. http://cdn-0.nflximg.com/us/presentations/htmltvui/oscon-2011/Netflix%20Webkit-Based%20UI%20for%20TV%20Devices.pdf http://cdn-0.nflximg.com/us/presentations/htmltvui/oscon-201...
      - DenisM 15y ago
        Thank you, good sir!
- saurik 15y ago
  It is easy to get fast scrolling pseudo-UITableViews using UIWebViews, as long as 1) the tables aren't /that/ long, 2) you change the grid size to something larger than default (to avoid checker-boarding), and 3) you decrease the deceleration constant to match those of normal tables. (Note: I know this from experience with a very widely deployed application: Cydia.)
rhizome 15y ago
And I uninstalled the OKC app within a week of them making the switch. Changing it to every action being roundtrip-based made it unusably slow. A total misstep, if you ask me.

The new LinkedIn and OkCupid apps are primarily HTML5 based. Not quite the same, but every new release of the Facebook app seems to have more of its existing views replaced by HTML5 counterparts.

flyosity 15y ago

I'm fairly certain that the Facebook iPhone app does not UIWebViews to render anything. Their fast-scrolling tableviews are painstakingly crafted from scratch, natively, and (I believe) still use Joe Hewitt's framework for complex view rendering. I know some guys on the Facebook iPhone app team and they're die-hard Cocoa developers, I can't see them ever saying "screw it" and using a UIWebView with HTML.

domhofmann 15y ago
Go to your profile and swipe left on a wall post and observe the "Remove" button and its animation. Now go to the bottom of your wall, and tap on the "See more posts..." cell. Notice that the activity indicator is an animated GIF. Open the app frequently and you'll see certain elements in the UI automatically changing without downloading an update. Or check out m.facebook.com and play around with the news feed that is identical to the one in the iPhone app. Granted, there are other approaches you can take to get this behavior, but I'm not sure why you would. My impression is that they're using HTML5 in these areas.
- flyosity 15y ago
  Hmm, they're not using the native UITableView animation for editing, but that doesn't mean it's HTML. It's just clunky animation, mostly because each cell is doing a lot of drawing translation due to it all being three20. Also, the "see more posts" cell at the bottom is a TTTableMoreButtonCell (https://github.com/facebook/three20/blob/master/src/Three20UI/Sources/TTTableMoreButtonCell.m https://github.com/facebook/three20/blob/master/src/Three20U...) I believe. I know that Facebook is very pro-HTML5 but I don't think there are any views in the native iPhone app that are not native UIKit or based on three20. I'll ask around, would be nice to now if there's any shared code at all on their end.
- flyosity 15y ago
  I stand corrected! I got confirmation from both Joe Hewitt and JazzyChad that they are indeed webviews used in many places now instead of native tableviews. Disregard everything I said :)
kwellman 15y ago
I just watched this video (http://gigaom.com/2011/09/27/facebook-mobilize-2011/ http://gigaom.com/2011/09/27/facebook-mobilize-2011/) where Facebook's head of mobile product talks (a tiny bit) about using HTML5 in their mobile products instead of all native development to keep pace with launches on the Facebook desktop site. Check out the video at ~16 minute mark.
- shahidhussain 15y ago
  As if by magic, this story was just published: http://www.readwriteweb.com/archives/how_facebook_mobile_will_evolve_with_html5.php http://www.readwriteweb.com/archives/how_facebook_mobile_wil...
  - Tyrant505 15y ago
    Are writers scouring our discussions looking for topics for their readers?
  - abbott 15y ago
    not magic, TechCrunch and other blogs have been talking about Project Spartan for months. The screen shots were leaked yesterday, which is news worthy...unlike our comments.
  - DenisM 15y ago
    It took m a few seconds to realize what is wrong with "HTML5 fist of rage" logo in the article. The fist has 6 fingers. To be fair the original HTML5 logo isn't that much better...
    - mmahemoff 15y ago
      6 fingered fist is the original logo. (More precisely, it's the best we had to use until the release of the w3c one you're referring to.)
joehewitt 15y ago
Some, but not all, table views were replaced with web views a few months ago. News Feed is one example that is now HTML.
- flyosity 15y ago
  I'm not always proven totally wrong on HN... ...but when I am it's by Joe Hewitt. TGIF!
- DenisM 15y ago
  Hm. How do you handle progressive loading? Do you even bother, or do you just load up the entire news feed and let the WebKit struggle with keeping images in-ram/in-cache etc?
  - wallflower 15y ago
    Netflix uses an interesting WebKit-based approach for progressive loading. Basically, they reuse cells like UITableView does. http://cdn-0.nflximg.com/us/presentations/htmltvui/oscon-2011/Netflix%20Webkit-Based%20UI%20for%20TV%20Devices.pdf http://cdn-0.nflximg.com/us/presentations/htmltvui/oscon-201...
    - DenisM 15y ago
      Thank you, good sir!
saurik 15y ago
It is easy to get fast scrolling pseudo-UITableViews using UIWebViews, as long as 1) the tables aren't /that/ long, 2) you change the grid size to something larger than default (to avoid checker-boarding), and 3) you decrease the deceleration constant to match those of normal tables. (Note: I know this from experience with a very widely deployed application: Cydia.)

rhizome 15y ago

And I uninstalled the OKC app within a week of them making the switch. Changing it to every action being roundtrip-based made it unusably slow. A total misstep, if you ask me.