Monday, June 2nd, 2008
Flipping out over Safari
Thomas Fuchs is having some fun at RailsConf, and sent out a fun use of the new WebKit transformations using the medium of the bookmarklet:
JAVASCRIPT:
-
-
javascript:document.body.style['-webkit-transform']='rotate(180deg)';
-
-
javascript:document.body.style['-webkit-transform']='rotate('+prompt('degrees',180)+'deg)';
-
Use this bookmarklet (drag to bookmarks bar):
or this one if you want a prompt:
3.4 rating from 24 votes
tobad its only for Safari
From Simon Willison’s twitter feed:
javascript:(function(){var d=0;setInterval(function() {document.body.style['-webkit-transform']= ‘rotate(’+ d +’deg)’;d+=1},10)}());
This will be great for the iPhone when your orientation doesn’t match the iPhone. For example, when I am hanging from a tree limb upside down, and I try to read my iPhone, it is upside down relative to me. The CSS transforms don’t work for me yet on the iPhone, another week or two I guess. I will try this out on the latest simulator.
An interesting side effect after the page has been spun around, is that the search in Safari is looking at originally rendered DOM…man this comment was hard to write while the page was rotating…!