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

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

関連記事

no image

Ffmpegで60fps動画を30fpsにスローモーション変換する(映像、音声両方)

FFmpegのオプションはいつまで経っても覚えられないので使ったコマンドは書いとかないと絶対忘れますね。というわけで備忘録。 アクションカメラJVC ADIXXION GC-XA2を買ったのもあって動 …

no image

TwitterでクリッピングするためのBookmarklet

いままで、ブログのURLや引用をTwitterにツイートするブックマークレットは何度か作っています。 見ているページをTwitterに投稿するBookmarkletとブログ用ボタン Twitter公式 …

no image

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

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

Youtube Downloader 更新&Bookmarkletバージョン公開

YouTubeの視聴画面で、HD(720p)/高画質FLV/iPod用MP4など存在する形式だけダウンロードリンクを表示してくれるGreaseMonkey「Youtube Downloader」を更新 …

JavaScriptにおけるクリップボード操作の変遷:ZeroClipboardからモダンClipboard APIまで

Web開発において「テキストをコピーする」という機能は、今や当たり前の UI です。しかし、その裏側にある JavaScript のクリップボード操作は、セキュリティと利便性の間で激しい試行錯誤を繰り …

スポンサードリンク

スポンサードリンク