If you’ve not seen the stunning, scalable, non-obtrusive layout and design of the new Mac Pro web page at Apple.com, give it a look here:
Note how everything scales nicely when you enlarge or reduce your browser window. Note how you can go forward by flicking Up or Left and go back by flicking Down or Right on your Magic Mouse. And note how seamlessly video is incorporated into the page, along with the still images. The video doesn’t look like a normal web video since to seamlessly blends in with the black page background.
You also have a vertical navigation bar at right on the page after you move to any of the middle pages. But the navigation bar at right does not show on the first page. Also note that the button bar appears on the first and last pages only, helping to keep one’s eyes on the product being presented. Also note that you don’t get the “small print” until you reach the last page and then flick Up.
Also take note of how well it looks and functions on a Retina iPad.
The natural question is, how would one leverage the power of Freeway to create a stunning page similar to this?
Note how everything scales nicely when you enlarge or reduce your browser window. Note how you can go forward by flicking Up or Left and go back by flicking Down or Right on your Magic Mouse. And note how seamlessly video is incorporated into the page, along with the still images. The video doesn’t look like a normal web video since to seamlessly blends in with the black page background.
You also have a vertical navigation bar at right on the page after you move to any of the middle pages. But the navigation bar at right does not show on the first page. Also note that the button bar appears on the first and last pages only, helping to keep one’s eyes on the product being presented. Also note that you don’t get the “small print” until you reach the last page and then flick Up.
Also take note of how well it looks and functions on a Retina iPad.
The natural question is, how would one leverage the power of Freeway to create a stunning page similar to this?
Not without a lot of external effort and/or help. I read a deconstruction of this page on a very geeky blog (don’t have the link at hand at the moment) and the amount of work they did was just astounding. In order to get the seamless video effect on Firefox (and I imagine, to support the frame-at-a-time animation synch that they enjoy on WebKit) they had to use thousands of still images and a canvas element in place of of a video element.
Parts of this are “normal” parallax construction, and there have been a number of examples of this posted here, all built with Freeway and a little bit of cut and paste code. But the synchronized video – the full-screen video – don’t even think about it until someone paves that cowpath. It is stunning, no question. It is a Computer Science project of the highest order, too.
Walter
On Jun 29, 2013, at 1:06 AM, JDW wrote:
The natural question is, how would one leverage the power of Freeway to create a stunning page similar to this?
Really neat but crashes safari on my iPod touch while loading. Every time!
Frank H.
Sent from Frank’s iPod
On Jun 29, 2013, at 5:01 AM, Walter Lee Davis email@hidden wrote:
Not without a lot of external effort and/or help. I read a deconstruction of this page on a very geeky blog (don’t have the link at hand at the moment) and the amount of work they did was just astounding. In order to get the seamless video effect on Firefox (and I imagine, to support the frame-at-a-time animation synch that they enjoy on WebKit) they had to use thousands of still images and a canvas element in place of of a video element.
Parts of this are “normal” parallax construction, and there have been a number of examples of this posted here, all built with Freeway and a little bit of cut and paste code. But the synchronized video – the full-screen video – don’t even think about it until someone paves that cowpath. It is stunning, no question. It is a Computer Science project of the highest order, too.
Walter
On Jun 29, 2013, at 1:06 AM, JDW wrote:
The natural question is, how would one leverage the power of Freeway to create a stunning page similar to this?
Really neat but crashes safari on my iPod touch while loading. Every time!
Frank H.
Sent from Frank’s iPod
And unreadable on my SIMless iPhone 3 without viewing magnified in
landscape and moving the page left anf right to read each line. Black
on white would work at that size.
David
–
David Ledger - Freelance Unix Sysadmin in the UK.
email@hidden www.ivdcs.co.uk
Salary. A good, Bay Area salary, but that’s just another day working at Apple. I had a friend who worked there in the '80s as an intern from Art Center College of Design, and I think she worked there for a year or two after school. She said it was a ton of work all the time. Money was okay, but not crazy-pants startup VC money.
Walter
On Jun 29, 2013, at 9:33 PM, Caleb Grove wrote:
Cool. Thanks for the link! I wonder how much the developers who built that page got paid to create that thing?