2010/11/02

このエントリーをはてなブックマークに追加 Check

iPhone風のタッチスクロールに - chromeTouch

↑↑↑Ckick to Install


タイトルに"iPhone"風と書きましたがそれは配布ページの説明にそう書いてあるからで、意味としてはスマートフォンの標準仕様ともなっているタッチパネル風のスクロールということです。

例えばTwitterのフィードをスマートフォンで閲覧していてスクロールさせるときは指で上下に画面を動かします。早くスクロールさせたいときはピッっとはじくようにすると画面のスクロールは加速して動き、最後はブレーキがかかるようにして止まります。
このムーブをPCでも行ってしまおうというわけです。

といってもディスプレイをタッチパネルにするわけではなく、左クリックでクリック&ドラッグすることで"画面をつかんで動かす"という動作になります。

まず設定をします

このとき重要なのは、
タッチモードをオートにすることとドラッグの向きをリバースにすることです。

タッチモードをオートにしないとテキストをクリックでなぞってコピーができなくなります。
またドラッグの向きをリバースにしないで通常のままだと画面を下にドラッグすると画面は下に、つまり表示されるのが上へ上へと変わるわけで求めている動作と逆になってしまいます(このあたり表現が難しいのですが実際にやるとわかります)

設定が終わると下のようなアイコンが表示されます。
またタッチモードの切り替えは任意のホットキーで可能です



では実際に画面をドラッグしてスクロールさせてみます



赤色矢印がクリック-ドラッグの方向。青色矢印は画面のスクロールの方向。
ドラッグの方向とスクロールの方向が逆になっています。
これが上記の「ドラッグの向き=リバースに」の理由です。
もしこれが青と赤の動きが同じ方向だと求める動きでとは反対になってしまうというのが分かるでしょうか。



動画で説明できないのが残念なのですがとてもセンシティブに反応してくれます。
またドラッグをリリースするときの速さで画面が加速してぐーんとスクロールし、そしてブレーキがかかったようにして止まります(設定でカスタマイズします)。

スマートフォンのタッチパネルのスクロールは非常に快適です。
PCのマウスホイールやスクロールバーのカクカクした動きが滑稽に思えるほどです。
このエクステンションは左クリックによるドラッグでタッチパネル風スクロールを実現します。
またマウスホイールで同様の動作をさせたいときには以前紹介したChromium Wheel Smooth Scrollerが最適だと思います(記事)。


クリック用にこのエクステンション。マウスホイール用にChromium Wheel Smooth Scroller。
この二つを両方ともインストールしておくことで常にタッチパネル風のスムースストロークにできてしまいます。推奨です!





20 件のコメント:

  1. Hi there, You've done an incredible job. I'll certainly digg it and
    personally suggest to my friends. I'm confident they'll be benefited from this web site.


    Here is my site :: ロレックスレプリカ

    返信削除
  2. WOW just what I was searching for. Came here by searching for プラダ バッグ

    Check out my blog - 激安プラダ バッグ

    返信削除
  3. Great delivery. Solid arguments. Keep up the good effort.



    Also visit my webpage baixandodownloads.blogspot.com

    返信削除
  4. Thank you a bunch for sharing this with all of us you actually understand what you're speaking approximately! Bookmarked. Please also visit my web site =). We may have a hyperlink alternate arrangement among us

    Also visit my blog :: ロレックススーパーコピー

    返信削除
  5. Hi there! Quick question that's completely off topic. Do you know how to make your site mobile friendly? My site looks weird when viewing from my iphone4. I'm trying
    to find a template or plugin that might be able to
    correct this issue. If you have any suggestions, please share.

    Many thanks!

    Also visit my weblog :: モンスター ヘッドホン

    返信削除
  6. Heya i am for the first time here. I found this board and I find It truly useful & it helped me out a lot.
    I hope to give something back and aid others like you
    aided me.

    My webpage ... www.oakleyoutlet-sale.com

    返信削除
  7. Thanks a lot for sharing this with all folks you really recognise what you're speaking about! Bookmarked. Please additionally consult with my web site =). We may have a hyperlink alternate arrangement among us

    Check out my weblog - ロレックス腕時計

    返信削除
  8. I'm really enjoying the design and layout of your website. It's a very easy
    on the eyes which makes it much more pleasant for me to come here
    and visit more often. Did you hire out a designer to create your theme?
    Exceptional work!

    Here is my blog post: エアジョーダン

    返信削除
  9. Thank you for every other fantastic article.
    The place else may just anybody get that kind of information in
    such an ideal means of writing? I have a presentation subsequent week,
    and I am at the search for such info.

    Feel free to visit my web site: monster beats

    返信削除
  10. Aw, this was an extremely nice post. Spending some time
    and actual effort to generate a top notch article… but what can I
    say… I procrastinate a lot and never manage to get nearly anything done.


    Here is my web page :: オークリー サングラス

    返信削除
  11. Excellent web site you have got here.. It's hard to find quality writing like yours nowadays. I honestly appreciate individuals like you! Take care!!

    my website blogspot.fr

    返信削除
  12. Very good post! We will be linking to this particularly great content on our website.
    Keep up the great writing.

    Feel free to surf to my website - プラダ

    返信削除
  13. I visit everyday some blogs and information sites to read posts,
    but this blog gives quality based writing.


    My web blog - ロレックスレプリカ

    返信削除
  14. It's actually a great and helpful piece of info. I'm glad that you just shared this useful information with
    us. Please keep us informed like this. Thanks for sharing.


    Check out my homepage :: シャネルバッグ

    返信削除
  15. If some one wants to be updated with most recent technologies afterward he must be pay a quick visit this site and be
    up to date all the time.

    Here is my homepage ... アバクロンビーフィッチtシャツ

    返信削除
  16. Your style is unique in comparison to other people I have read stuff from.
    Many thanks for posting when you have the opportunity, Guess I will just book mark
    this web site.

    My weblog ... ロレックスコピー

    返信削除
  17. Hello, its nice paragraph on the topic of media print, we all be aware of media is a impressive source of facts.


    Here is my website: グッチ財布

    返信削除
  18. I think that is among the so much significant information for me.
    And i'm glad reading your article. But want to observation on few common things, The web site taste is wonderful, the articles is actually great : D. Just right task, cheers

    Feel free to surf to my blog post ... シャネル新作

    返信削除
  19. Good day! Do you know if they make any plugins to
    help with SEO? I'm trying to get my blog to rank for some targeted keywords but I'm not seeing very good success.

    If you know of any please share. Thanks!


    Also visit my blog post - プラダ

    返信削除
  20. プラスは、することができます 処理 あなたの現金 血の流れ を調べることによって だけでどのくらい
    要素に ことを考える。 非常に良い品質
    許可サイト あなたは に連絡する 最も重要な 所有者簡単に。 幸いなことに、今日あなた 得られる お得な ウェブサイト上。 プラスは、することができます
    取る あなたの現金 血の流れ を調べることによって 量
    要素に いつ。

    Check out my website: トートバッグ

    返信削除