Creazy!

WEBエンジニア・ヤガーのテック・ガジェットブログ

Bookmarklet CSS JavaScript 小技集

Safariでページを大回転させるブックマークレット

投稿日:


Safari Rotate
Safari限定ですが、WebKit transformationを使ってページの表示角度を変えられるんだそうです。

Ajaxianに出てた。Safariブラウザだけの機能。

-webkit-transform に ‘rotate(180deg)’ を与えると、180度回転したページが表示される。

via: 秋元@サイボウズラボ・プログラマー・ブログ: Safariでページを反転させるブックマークレット

えー、知らなかった!


そいでもって、

これ少しずつ値を変えたら、ページがぐるぐる廻せそうだね。

via: 秋元@サイボウズラボ・プログラマー・ブログ: Safariでページを反転させるブックマークレット

という事だったのでサクっとやってみました。

javascript:function r(i){document.body.style['-webkit-transform']='rotate('+i+'deg)';if(i<360)setTimeout('r('+(i+10)+')',100);}r(0);

上のブックマークレットをSafariで実行すると、ページがぐるりと360度回転します。
Safariでない人のために、Screencast作ってみました。

お〜回ってるー。
え!?気付いた?
そうね。コレ、多分使い道あんまりないよね。

-Bookmarklet, CSS, JavaScript, 小技集

執筆者:


  1. Safariでページを大回転したり歪めたりするブックマークレット

    秋元@サイボウズラボ・プログラマー・ブログ: Safariでページを反転させるブックマークレット
    Safariでページを大回転さ…

comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

関連記事

Re2: 第3回:JavaScriptで画像サイズと合ったポップアップウィンドウを開く

修正を重ねている「第3回:JavaScriptで画像サイズと合ったポップアップウィンドウを開く」で作った関数ですが、ようやく完成系になったかもしれません。 今回は画像(IMGタグ)のonloadの扱い …

no image

第15回:見ているページをAnother HTML-lintで文法チェックするブックマークレット

サイトを作ったら、見た目の確認も重要ですがマークアップの文法チェックも重要です。別にW3C信者という訳ではありませんがSEOの面でもstrictなHTMLの方が良さそうなのでできる限り対応した方が良い …

第10回:Windowsフォントをアンチエイリアスでキレイに見せる方法

メインPCをMacに移して一番驚いたのは、Macで表示されるフォントの美しさかもしれません。 Macでは基本的に全てのサイズのフォントにアンチエイリアス(スムージングともいう)処理が施されています。 …

さくらのVPSからXSERVERへのサーバー移転に合わせてMovableTypeからWordPressへ移行+SSL化

ご無沙汰しております、ヤガーです。 すっかり更新頻度の減ってしまったテック・ガジェットブログのCreazy!なのですが、2006年5月に開始してから10年以上MovableTypeで動作させてきました …

no image

JavaScriptのポップアップウィンドウ禁止しているブラウザへの代替処理

ものすごく今更な話しかもしれないけど、最近、IE・FirefoxはもちろんSafariやOperaを同時に起動していたりして気付いたんだけど、モダンブラウザにはポップアップブロック機能(別ウィンドウを …

スポンサードリンク

スポンサードリンク