Simbul
iOS7 index view: grayish overlay + blur
Would it be possible to blur to the regions of the page shown behind the index page?
At the moment, there's a semi-transparent background without blur.
With a blur effect and a grayish overlay, it would be closer to the native look & feel of iOS7.
The control center of iOS7 is a good example: a grayish overlay is added to regions not covered and a blur effect is added to regions covered. The result is really clear for the user.
That would be cool indeed, but since the index is... index.html, it should be done in some way at HTML level, and I'm not sure it's possible (because it's not aware of what's behind).
There might be a way to add some sort of flag tho on the Obj-C side of things...
Here's a test with css. This confirm what you said (you can see that the text behind the index is not blurred).
Maybe on the Obj-C side. If this can be done easily, this logic could be applied to the info box (semi-transparent blurred background instead of a solid and opaque background).
There's an explanation to implement the blur effect in the session 226 of the WWDC 2013 (Implementing Engaging UI on iOS at 15:00).
in order to do that baker would have to take a snapshot of the underlaying image(screen) and blur it. there is not simply a »blur this view« property. the problem with doing it this way is that it is not a »live blur«, so if there is an animation playing, it would not be blurred unless baker continiously blurrs the background. might be ok in a publication system, anyway
The idea is to give clarity for the user. If the blur hides some distracting animation there's no problem.