This makes a nice demo and highlights that in some ways, iOS 7 is easier to reproduce using web technology than iOS 6 was.<p>> There’s been a lot of controversy recently on whether Javascript could compete with native or not, both in terms of performance and of look’n’feel.<p>On the other hand, the controversially difficult to reproduce parts of iOS 7 aren't part of this demo. The real-time blur, the zooming "z-axis" navigation, the 3D animations, and the 60fps scrubbable gestures for going back in the navigation stack aren't here.<p>While those are all "bonus effects," they're also a lot of what makes iOS 7 delightful to use.
Why don't they use proper HTML5 instead of this tag soup?<p><a href="https://gist.github.com/jeena/f62232da7d6ac964d403" rel="nofollow">https://gist.github.com/jeena/f62232da7d6ac964d403</a><p>The rest is a matter of CSS.<p>[Edit:] moved the code to a gist
<a href="https://beta.icloud.com" rel="nofollow">https://beta.icloud.com</a> uses new "iOS7" layout, too. Some styles could be taken from there ;)
Check out
<a href="http://www.appgyver.com/steroids" rel="nofollow">http://www.appgyver.com/steroids</a>
It's still in it's early stages but looks very promising. It gives you native navigation and transitions, amongst other many other goodies.
Nice attention to detail in this. By the way, it seems like the new view's shadow in the original actually loses opacity as that view leaves the screen.
Did you look around for the blur effect at all? You mentioned it but any luck beyond that? I've seen some attempts but nothing useful.
Fantastic post, thanks for sharing! I'm invested pretty heavily in HTML5 on mobile and your demo just reassures me this is the future (it feels great!). I hope you don't mind me using some of this stuff for a new project I'm working on.
Pretty cool. I know this is more of a demonstration of simulating the iOS 7 UI, but I'm assuming to use this for something you'd want the URLs to update as you move through an app?<p>I may have missed references to this limitation, again, if it even matters for the purpose of the post.