Blog :: deam.org » mobile http://blog.deam.org hier schreibt Klaus M. Brantl Wed, 25 Jan 2012 16:18:54 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 How to kill mobile safari with CSS http://blog.deam.org/2009/12/11/how-to-kill-mobile-safari-with-css/ http://blog.deam.org/2009/12/11/how-to-kill-mobile-safari-with-css/#comments Fri, 11 Dec 2009 06:17:06 +0000 Klaus M. Brantl http://blog.deam.org/?p=221 On wednesday we’ve relaunched deam.org. The content-block is encased with a nice, white glow-effect. Of yourse not for all you IE-users out there ;-)
We’ve used the two “box-shadow”-attributes. The “-moz-box-shadow” for Firefox and the “-webkit-box-shadow” for Safari (and them derivates).

Thats what we’ve used: -webkit-box-shadow: 0 0 200px #fff;
And that “killed” my mobile safari. It has been unresponsive for several seconds. And after one interaction again unresponsive… and so on.

After stopping and starting Safari it went blank. No more interaction. Only thing that worked: Reset the cache in the prefs.

I should add that it’s a 3G iPhone (no “S”).
There are definitly some memory-issues here :-)

Now we use “-webkit-box-shadow: 0 0 20px #fff;” – doesn’t look that “smooth”, but it’s ok.

]]> http://blog.deam.org/2009/12/11/how-to-kill-mobile-safari-with-css/feed/ 0