johnbhall

iPhone 4S: How’d Apple Make that Site?

Tuesday, October 25th, 2011 | Business | 4 Comments

Apple has a pretty cool web page for the iPhone 4S.  It’s not something you would expect to see on a web site.

When I first saw it, I had assumed they were all separate images being animated one at a time.  I know it had to be CSS3 doing the transitions, but didn’t realize quite how elegant the solution was.

@johnbhall does a great job illustrating Apple’s approach to making the site we see on the iPhone 4S page.  His example simplifies Apple’s approach a bit (imagine his example, but with multiple sprite images, one for phones, one for copy).

UPDATE

I took the original article creator at his word, but some things didn’t add up.

@johnbhall says that his example is jsut a demo, but he has the concept behind the iPhone 4S page entirely wrong.

How do I know?  It’s pretty easy…

› Continue reading

Tags: , , , ,


Please share, it makes me happy:

Subscribe to Email Alerts

Follow Me

Follow seangw on twitter

Archives

Categories

prestashop theme

virtuemart template