<div><div style="float:right;margin-bottom:10px;"><a  href="http://www.stumbleupon.com/submit?text=sdasdasd&url=http://mashable.com/2011/09/30/apple-facebook-hp/"><img style="border:none;margin-right:5px;" src="http://5.mshcdn.com/wp-content/themes/v7/img/share-buttons/stumbleupon.png" align="right" /></a>
<a href="http://digg.com/tools/diggthis/login?url=http://mashable.com/2011/09/30/apple-facebook-hp/&title=How%20Apple%20and%20Facebook%20Nearly%20Fell%20Out%20&#8212;%20Over%20the%20HP%20TouchPad%20%5BEXCLUSIVE%5D&related=true&style=true"><img style="border:none;margin-right:5px;" src="http://6.mshcdn.com/wp-content/themes/v7/img/share-buttons/diggme.png" align="right" /></a>
<a  type="box_count" name="fb_share" href="http://www.facebook.com/sharer.php?u=http://mashable.com/2011/09/30/apple-facebook-hp/&src=sp" style="text-decoration: none;"><img style="border:none;margin-right:5px;" src="http://6.mshcdn.com/wp-content/themes/v7/img/share-buttons/fb.jpg" align="right" /></a>
<a  href="http://api.tweetmeme.com/share?url=http://mashable.com/2011/09/30/apple-facebook-hp/&service=bit.ly&source=mashable"><img style="border:none;margin-right:5px;" width="51" height="61" src="http://api.tweetmeme.com/imagebutton.gif?url=http://mashable.com/2011/09/30/apple-facebook-hp/" align="right"/></a></div><div style="float:left;margin-bottom:10px;"><img src="http://4.mshcdn.com/wp-content/uploads/2011/09/facebook-tablet-apple-hp-6401.jpg" alt="" title="facebook-tablet-apple-hp-640" width="640" height="250" class="aligncenter size-full wp-image-752193" /></div><div style="clear:both;"></div></div><br/>

Tech titans Facebook and Apple have a contentious relationship that is frequently put to the test. But a Facebook for TouchPad application was very nearly the last straw, <em>Mashable</em> has learned from multiple sources.

Facebook and Apple, united by a common interest in beating Google, will finally put their differences aside to launch the <a href="http://mashable.com/2011/07/25/facebook-ipad-app-2/" >long-overdue Facebook for iPad app</a> Tuesday. 

We also expect announcements on a new Facebook for iPhone application, a Facebook HTML5 mobile app platform, and perhaps even Facebook integration in iOS 5.

This all marks a significant leap forward in the <a href="http://bits.blogs.nytimes.com/2011/09/26/facebook-ipad-app-caught-up-in-apple-negotiations/" >sometimes hostile</a> Facebook and Apple relationship. It began well when Apple first set up an Apple Students group on Facebook in 2006 -- "a monster success" for both companies, according to a source who spoke with <em>Mashable</em> on the condition of anonymity.

But the companies would butt heads many times in the following years.

<hr />
<h2>How Ping Went Wrong</h2>
<hr />

The most publicized confrontation involved <a href="http://mashable.com/follow/topics/ping">Ping</a>, Apple's attempt at an iTunes social network. Ping first launched with Facebook integration in September 2010, but Facebook quickly <a href="http://mashable.com/2010/09/02/facebook-itune-ping/">pulled Apple's access to its APIs</a>. This alerted the media to a <a href="http://allthingsd.com/20100902/facebook-blocked-api-access-to-ping-after-failure-to-strike-agreement-so-apple-removed-feature-after-launch/" >growing rift</a> between the companies.

A source familiar with the chain of the events attributes the Ping debacle to a disagreement over iOS 4. Apple had fully integrated Facebook into the iPhone and iPad's operating system, and was ready to launch the mobile-social fusion when API negotiations broke down. Apple, lacking confidence in Facebook's ability to build a great application, asked to build its own Facebook for iPhone app. Facebook responded with a firm no. Negotiations came to halt.

Meanwhile, Apple was working away on Ping -- and due to the stalled iOS 4 talks, decided to keep Facebook mostly out of the loop. Facebook, surprised by Ping's launch, turned off Apple's access to its APIs. The rest was history.

<hr />
<h2>Jobs vs. Zuck</h2>
<hr />

      <br/>
      <h4>App Icon</h4>
      <br/>
              <a href="http://mashable.com/2011/09/30/apple-facebook-hp/#21497App-Icon"><img width="400" style="border:none;" title="App Icon" src="http://9.mshcdn.com/wp-content/gallery/facebook-ipad/facebook-ipad-21.jpg" /></a><br/><br/>
      <p>The Facebook icon looks the same. Note the Cydia and iFile icons. Right now, in order to access Facebook for iPad, you need to be running a jailbroken iPad 1 or iPad 2. </p>      <br/>
      <h4>Loading Screen</h4>
      <br/>
              <a href="http://mashable.com/2011/09/30/apple-facebook-hp/#21499Loading-Screen"><img width="400" style="border:none;" title="Loading Screen" src="http://9.mshcdn.com/wp-content/gallery/facebook-ipad/facebook-ipad-22.jpg" /></a><br/><br/>
      <p> </p>      <br/>
      <h4>Facebook Login</h4>
      <br/>
              <a href="http://mashable.com/2011/09/30/apple-facebook-hp/#21517Facebook-Login"><img width="400" style="border:none;" title="Facebook Login" src="http://7.mshcdn.com/wp-content/gallery/facebook-ipad/facebook-ipad-38.jpg" /></a><br/><br/>
      <p> </p>      <br/>
      <h4>News Feed</h4>
      <br/>
              <a href="http://mashable.com/2011/09/30/apple-facebook-hp/#21477News-Feed"><img width="400" style="border:none;" title="News Feed" src="http://7.mshcdn.com/wp-content/gallery/facebook-ipad/facebook-ipad-09.jpg" /></a><br/><br/>
      <p>The default screen is the Facebook News Feed. </p>      <br/>
      <h4>News Feed Options</h4>
      <br/>
              <a href="http://mashable.com/2011/09/30/apple-facebook-hp/#21461News-Feed-Options"><img width="400" style="border:none;" title="News Feed Options" src="http://8.mshcdn.com/wp-content/gallery/facebook-ipad/facebook-ipad-01.jpg" /></a><br/><br/>
      <p>You can select various filters for the app, just like in Facebook on the desktop.</p>      <br/>
      <h4>Side Panel</h4>
      <br/>
              <a href="http://mashable.com/2011/09/30/apple-facebook-hp/#21463Side-Panel"><img width="400" style="border:none;" title="Side Panel" src="http://4.mshcdn.com/wp-content/gallery/facebook-ipad/facebook-ipad-02.jpg" /></a><br/><br/>
      <p>Sliding the main window to the right reveals an enhanced Facebook sidebar. This interaction, which is similar to Twitter for iPad, provides access to Groups, Events, Places and Messages.</p>      <br/>
      <h4>Side Panel</h4>
      <br/>
              <a href="http://mashable.com/2011/09/30/apple-facebook-hp/#21465Side-Panel"><img width="400" style="border:none;" title="Side Panel" src="http://6.mshcdn.com/wp-content/gallery/facebook-ipad/facebook-ipad-03.jpg" /></a><br/><br/>
      <p>In landscape mode, the panel appears alongside the elongated news feed if swiped to the right.</p>      <br/>
      <h4>Status Update</h4>
      <br/>
              <a href="http://mashable.com/2011/09/30/apple-facebook-hp/#21467Status-Update"><img width="400" style="border:none;" title="Status Update" src="http://8.mshcdn.com/wp-content/gallery/facebook-ipad/facebook-ipad-04.jpg" /></a><br/><br/>
      <p>Sharing a status update works as expected. Tapping on the lock icon shows you visibility options.</p>      <br/>
      <h4>Visibility Options</h4>
      <br/>
              <a href="http://mashable.com/2011/09/30/apple-facebook-hp/#21469Visibility-Options"><img width="400" style="border:none;" title="Visibility Options" src="http://6.mshcdn.com/wp-content/gallery/facebook-ipad/facebook-ipad-05.jpg" /></a><br/><br/>
      <p> </p>      <br/>
      <h4>Photos</h4>
      <br/>
              <a href="http://mashable.com/2011/09/30/apple-facebook-hp/#21471Photos"><img width="400" style="border:none;" title="Photos" src="http://6.mshcdn.com/wp-content/gallery/facebook-ipad/facebook-ipad-06.jpg" /></a><br/><br/>
      <p>Photo albums are displayed in a grid-like manner, using the same styling Apple uses in its Photos app.</p>      <br/>
      <h4>Add Photos</h4>
      <br/>
              <a href="http://mashable.com/2011/09/30/apple-facebook-hp/#21473Add-Photos"><img width="400" style="border:none;" title="Add Photos" src="http://8.mshcdn.com/wp-content/gallery/facebook-ipad/facebook-ipad-07.jpg" /></a><br/><br/>
      <p>You can create a new album or add photos from your device to an existing album.</p>      <br/>
      <h4>Notifications</h4>
      <br/>
              <a href="http://mashable.com/2011/09/30/apple-facebook-hp/#21475Notifications"><img width="400" style="border:none;" title="Notifications" src="http://9.mshcdn.com/wp-content/gallery/facebook-ipad/facebook-ipad-08.jpg" /></a><br/><br/>
      <p>Notifications are accessible throughout the app.</p>      <br/>
      <h4>Facebook Chat</h4>
      <br/>
              <a href="http://mashable.com/2011/09/30/apple-facebook-hp/#21501Facebook-Chat"><img width="400" style="border:none;" title="Facebook Chat" src="http://9.mshcdn.com/wp-content/gallery/facebook-ipad/facebook-ipad-25.jpg" /></a><br/><br/>
      <p>Facebook Chat works on the iPad. Users can communicate iChat style through the panel on the right.</p>      <br/>
      <h4>Facebook Chat</h4>
      <br/>
              <a href="http://mashable.com/2011/09/30/apple-facebook-hp/#21503Facebook-Chat"><img width="400" style="border:none;" title="Facebook Chat" src="http://5.mshcdn.com/wp-content/gallery/facebook-ipad/facebook-ipad-27.jpg" /></a><br/><br/>
      <p>Facebook Chat works quite well, but note the lack of hyperlink support.</p>      <br/>
      <h4>Like or Comment</h4>
      <br/>
              <a href="http://mashable.com/2011/09/30/apple-facebook-hp/#21479Like-or-Comment"><img width="400" style="border:none;" title="Like or Comment" src="http://5.mshcdn.com/wp-content/gallery/facebook-ipad/facebook-ipad-10.jpg" /></a><br/><br/>
      <p>A modal window gives an option to "Like" or comment on a post or status update.</p>      <br/>
      <h4>Places Check In</h4>
      <br/>
              <a href="http://mashable.com/2011/09/30/apple-facebook-hp/#21483Places-Check-In"><img width="400" style="border:none;" title="Places Check In" src="http://7.mshcdn.com/wp-content/gallery/facebook-ipad/facebook-ipad-12.jpg" /></a><br/><br/>
      <p>Who says the iPad isn't mobile! Facebook Places is supported in the app.</p>      <br/>
      <h4>Places Map view</h4>
      <br/>
              <a href="http://mashable.com/2011/09/30/apple-facebook-hp/#21485Places-Map-view"><img width="400" style="border:none;" title="Places Map view" src="http://5.mshcdn.com/wp-content/gallery/facebook-ipad/facebook-ipad-14.jpg" /></a><br/><br/>
      <p> </p>      <br/>
      <h4>Places Friends View</h4>
      <br/>
              <a href="http://mashable.com/2011/09/30/apple-facebook-hp/#21487Places-Friends-View"><img width="400" style="border:none;" title="Places Friends View" src="http://9.mshcdn.com/wp-content/gallery/facebook-ipad/facebook-ipad-15.jpg" /></a><br/><br/>
      <p> </p>      <br/>
      <h4>Facebook Groups</h4>
      <br/>
              <a href="http://mashable.com/2011/09/30/apple-facebook-hp/#21489Facebook-Groups"><img width="400" style="border:none;" title="Facebook Groups" src="http://9.mshcdn.com/wp-content/gallery/facebook-ipad/facebook-ipad-16.jpg" /></a><br/><br/>
      <p>Groups can be accessed from the side panel.</p>      <br/>
      <h4>User Wall</h4>
      <br/>
              <a href="http://mashable.com/2011/09/30/apple-facebook-hp/#21491User-Wall"><img width="400" style="border:none;" title="User Wall" src="http://5.mshcdn.com/wp-content/gallery/facebook-ipad/facebook-ipad-17.jpg" /></a><br/><br/>
      <p> </p>      <br/>
      <h4>User Info</h4>
      <br/>
              <a href="http://mashable.com/2011/09/30/apple-facebook-hp/#21495User-Info"><img width="400" style="border:none;" title="User Info" src="http://7.mshcdn.com/wp-content/gallery/facebook-ipad/facebook-ipad-20.jpg" /></a><br/><br/>
      <p> </p>      <br/>
      <h4>User Wall Interactions</h4>
      <br/>
              <a href="http://mashable.com/2011/09/30/apple-facebook-hp/#21493User-Wall-Interactions"><img width="400" style="border:none;" title="User Wall Interactions" src="http://4.mshcdn.com/wp-content/gallery/facebook-ipad/facebook-ipad-19.jpg" /></a><br/><br/>
      <p>In landscape mode, comments and likes on a status update or wall post appear in the right hand panel.</p>      <br/>
      <h4>Viewing Comments on a Photo</h4>
      <br/>
              <a href="http://mashable.com/2011/09/30/apple-facebook-hp/#21507Viewing-Comments-on-a-Photo"><img width="400" style="border:none;" title="Viewing Comments on a Photo" src="http://8.mshcdn.com/wp-content/gallery/facebook-ipad/facebook-ipad-33.jpg" /></a><br/><br/>
      <p> </p>      <br/>
      <h4>Replying to Comments</h4>
      <br/>
              <a href="http://mashable.com/2011/09/30/apple-facebook-hp/#21509Replying-to-Comments"><img width="400" style="border:none;" title="Replying to Comments" src="http://6.mshcdn.com/wp-content/gallery/facebook-ipad/facebook-ipad-34.jpg" /></a><br/><br/>
      <p> </p>      <br/>
      <h4>Logging Out</h4>
      <br/>
              <a href="http://mashable.com/2011/09/30/apple-facebook-hp/#21505Logging-Out"><img width="400" style="border:none;" title="Logging Out" src="http://6.mshcdn.com/wp-content/gallery/facebook-ipad/facebook-ipad-28.jpg" /></a><br/><br/>
      <p>To log out, tap the arrow underneath your name in the left side panel.</p>      <br/>
      <h4>Account Screen</h4>
      <br/>
              <a href="http://mashable.com/2011/09/30/apple-facebook-hp/#21511Account-Screen"><img width="400" style="border:none;" title="Account Screen" src="http://4.mshcdn.com/wp-content/gallery/facebook-ipad/facebook-ipad-35.jpg" /></a><br/><br/>
      <p>Facebook for iPad supports multiple accounts, which is great for users who share an iPad with other family members.</p>      <br/>
      <h4>Remove an Account</h4>
      <br/>
              <a href="http://mashable.com/2011/09/30/apple-facebook-hp/#21513Remove-an-Account"><img width="400" style="border:none;" title="Remove an Account" src="http://8.mshcdn.com/wp-content/gallery/facebook-ipad/facebook-ipad-36.jpg" /></a><br/><br/>
      <p>To remove an account, tap and hold the profile photo and then tap on the "X."</p>      <br/>
      <h4>Remove Account Options</h4>
      <br/>
              <a href="http://mashable.com/2011/09/30/apple-facebook-hp/#21515Remove-Account-Options"><img width="400" style="border:none;" title="Remove Account Options" src="http://8.mshcdn.com/wp-content/gallery/facebook-ipad/facebook-ipad-37.jpg" /></a><br/><br/>
      <p>When an account is removed, all the information about it is wiped off of the device as well.</p>

Roughly three months ago, Steve Jobs -- then the Apple CEO -- paid a visit to Facebook to discuss a Facebook for iPad application with CEO Mark Zuckerberg. 

Zuckerberg promised Jobs that the social network would release its first ever tablet application for iPad. Jobs, however, learned during his visit that HP was about to release a native webOS Facebook application for the TouchPad. 

Indeed, back on February 9, 2011 -- the date HP <a href="http://mashable.com/2011/02/09/hp-webos-touchpad-live">revealed</a> its <a href="http://mashable.com/2011/08/30/hp-touchpad-second-life">almost defunct</a> TouchPad tablet -- HP SVP of Applications and Services Steven McArthur did tout the fact that the company had been working closely with Facebook. 

The Facebook application that HP finally launched in July, however, appears to be an unofficial build that <a href="http://forums.precentral.net/hp-touchpad-apps/289676-facebook-touchpad-2.html" >disappointed users</a>.

So what happened to the rich Facebook for TouchPad application that HP promised?

<hr />
<h2>HP Plays the Cuckold</h2> 
<hr />

<center><div id="attachment_751843" class="wp-caption alignnone" style="width: 385px"><a href="http://www.pcmag.com/article2/0,2817,2387970,00.asp"><img src="http://8.mshcdn.com/wp-content/uploads/2011/09/fb-for-touchpad.jpg" alt="" title="fb for touchpad" width="375" height="500" class="size-full wp-image-751843" /></a><p class="wp-caption-text"><em>Image courtesy of PCMag.com</em></p></div>

</center>

When Jobs learned of the webOS Facebook app during his summer visit to Facebook, he was livid. Zuckerberg vowed to get the app pulled. But Jon Rubinstein, the former CEO of Palm and then the GM of HP's webOS division, refused to halt the release of the app. Facebook responded by restricting HP's access to its APIs -- just as it had done with Apple's Ping, a year earlier.

Was Facebook playing both sides? Absolutely, says a source close to HP. Facebook was made aware of the application and device integrations. The company knew what was coming, changed its tune right before release -- and only did so to appease Apple. 

For its part, HP was furious. It had hoped the Facebook application would help differentiate the TouchPad from other tablets on the market. Another source says that HP may have considered legal action. In any case, the TouchPad was discontinued shortly after.

<hr />
<h2>Kiss and Make Up?</h2>
<hr />

So Facebook and HP may be on the outs, but Facebook and Apple appear to have patched up their differences.

Not only are the pair finally aligned on the Facebook for iPad application, but they've been working together closely on Facebook's HTML 5 mobile app platform.

This is the closest Apple and Facebook have been to creating something meaningful together, one source says. They're partnering because they share a common enemy: Google.

Still, there are no guarantees. Both companies are said to be scrambling to work out the final details prior to the <a href="http://mashable.com/2011/09/27/apple-announces-iphone-event-for-october-4/">iPhone 5 launch event on Oct. 4</a>.

We've reached out to Apple, Facebook and HP for on-the-record comment.

<em>Mashable's Editor at Large Ben Parr and Entertainment Editor Christina Warren contributed to the reporting of this story.</em>
<p><a href="http://feedads.g.doubleclick.net/~a/Q__6lOQuY9JTdkOddaJGSu0vTUQ/0/da"><img src="http://feedads.g.doubleclick.net/~a/Q__6lOQuY9JTdkOddaJGSu0vTUQ/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/Q__6lOQuY9JTdkOddaJGSu0vTUQ/1/da"><img src="http://feedads.g.doubleclick.net/~a/Q__6lOQuY9JTdkOddaJGSu0vTUQ/1/di" border="0" ismap="true"></img></a></p><div class="feedflare">
<a href="http://feeds.mashable.com/~ff/mashable/apple?a=G_GR3TqpFig:ZTBbulmTMwY:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/mashable/apple?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.mashable.com/~ff/mashable/apple?a=G_GR3TqpFig:ZTBbulmTMwY:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/mashable/apple?i=G_GR3TqpFig:ZTBbulmTMwY:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.mashable.com/~ff/mashable/apple?a=G_GR3TqpFig:ZTBbulmTMwY:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/mashable/apple?i=G_GR3TqpFig:ZTBbulmTMwY:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.mashable.com/~ff/mashable/apple?a=G_GR3TqpFig:ZTBbulmTMwY:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/mashable/apple?i=G_GR3TqpFig:ZTBbulmTMwY:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.mashable.com/~ff/mashable/apple?a=G_GR3TqpFig:ZTBbulmTMwY:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/mashable/apple?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.mashable.com/~ff/mashable/apple?a=G_GR3TqpFig:ZTBbulmTMwY:TzevzKxY174"><img src="http://feeds.feedburner.com/~ff/mashable/apple?d=TzevzKxY174" border="0"></img></a> <a href="http://feeds.mashable.com/~ff/mashable/apple?a=G_GR3TqpFig:ZTBbulmTMwY:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/mashable/apple?i=G_GR3TqpFig:ZTBbulmTMwY:gIN9vFwOqvQ" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/mashable/apple/~4/G_GR3TqpFig" height="1" width="1"/>