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

第8回:Twitter JavaScript Badges の日付フォーマットを自由にカスタマイズ

久しぶりに twitter ネタです。 というかシツコク JavaScript badges のお話。 以前のエントリーで IE での日付表示がおかしい件に対応しました。 そのエントリーにフォローする …

MovableTypeとFeedburnerで複数のRSSを配信開始

リニューアルの準備として、前にカテゴリーを整理したんですが、今回はFeedの整理です。前から「RSSでは技術系のエントリーだけ読みたい」という話が聞こえてきたりしたのですが、技術系エントリーを読むよう …

no image

nslookupをPHPで実装する簡単なサンプル

唐突な思い付きネタですw nslookupはDNSにドメイン情報を問い合わせるためのコマンドで、IPアドレスからホスト名を取得したり、ホスト名からIPアドレスを取得したりできる仕組みです。 すでに、W …

no image

FLVをまとめてMP4に変換するPHPスクリプト

YouTube HD Suiteの最新版になってから、ファイル名をいちいち指定しなくてもよくなったので、ドンドン落とせるようになってしまいました。で、すでに時間的に普通には消化できない量になってきてい …

「TwitterFollowBadge」がIEで見れない件の対応方法

なんか、近くで嘆きの声が聞こえた気がするので(w)さらっと書いときます。 TwitterFollowBadgeっていう、ブログのサイド(右か左)にはれるTwitter用のブログパーツがあるんだけど、こ …

スポンサードリンク

スポンサードリンク