Apprentice Cafe

Firefoxを便利に - CSS, LDR, livedoor Reader


公開後、自分のノートPCのFirefoxにも入れて使ってみたけど、どうもしっくりいかない…
久しく弄ってなかったので色々と忘れてたみたいです。

それで色々と思い出しながらリファレンスも見直しながら、自分なりにきちんともう一度書いてみました。

え…今度のCssは誤爆の可能性は無いです。
完全にLDRで購読するTumblrのFeedのPost画像のみに効き、multi-column化も問題なしです。

ただ、今回も画像の大きさを決める部分の数値は利用者さんの環境に各自で合わせて頂く必要があります。
解析度が1920×1080以上であればそのままでも問題はないと思いますが…。


LDR for Tumblr - Resize Image & multi-column
　- Themes and Skins for Livedoor - userstyles.org
　http://userstyles.org/styles/81008/ldr-for-tumblr-resize-image-multi-column

More Info
※ 名称変更しました。 (Version : 2.0 より)
　　LDRで購読しているFeedの画像でTumblr Photoset以外をサイズ変更出来るCssをコメントアウトして追加しました。
　　必要があればコメントアウトをはずし数値を調節してお使い下さい。
　　コメントアウトを弄る場合はコメントアウトの中にコメントアウトが入ってる…と云う様な重ならない様に気を付けて下さい。

※ ノートPC等の低解析度のディスプレイでは、有効Css内の /* for low-resolution display ～ の部分のコメントアウトをはずし max-height の数値を環境に合わせてみて下さい。
　　一応の目安として、解析度1366x768での数値をCss内に記載してあります。
　　因みに、TumblrのFeedで送られてくる画像は最大幅500pxで統一されている模様です。

※ 低解析度ディスプレイでどうしても横幅が足りない…という場合は「ｚ」押すべし。
　　ついでに、「Shift＋ｚ」も試してみる事をお勧めします。
　　Apprentice [LDR Customized CSS Skin] も無駄な部分を省いているので良ければ試してみて下さい。

Firefoxを便利に - Stylish, Greasemonkey, JavaScript


Firefoxを便利に - Stylish, Greasemonkey, JavaScript
　※ Chrome,IEのTrixieとIE7Pro,SafariのGreaseKitでは動作未確認

面倒臭がりなのでlivedoor Readerを物臭に片手(主に右手)でペシペシ出来る様にキーバインドを弄ってみる。
LDRでは二つのアカウントでFeedを分けている為ログアウトなんてものまで付けてみた…
再度ソースを観るとコイツどこまで面倒臭がりなのか…と自分でもちょっと呆れました。。。


ソースを観れば判ると思いますが一応説明みたいなのを少し

// Keybind invalidate　の部分では、余計なキーを押してしまいムキーとならない様に公式ショートカットを止めてます。

// autoscroll　の部分では、有名な中の人のが公開しているモノです。
標準では[j][k]は単一のFeedの中だけしか送れませんが、これはFeedの最後まで行くと一度止まるけど再度押すと次のFeedに渡れます。
この次のFeedというのはレートやフォルダで分けて表示されている次のFeedという事です。
私の場合はペシペシ早送りする時に次に渡られると困るのと他のキーの関係上[j]に割り当てず他のキーにしてます。
いまはLDR Full Feedを使って無いので右手で使い易い[g]へ…ここでも物臭さ全開です。

// feed all read　の部分は、未読Feedの一括既読のキー
私は読んでも読まなくても良い(自分的にです)というカテゴリを作りいくつかのFeedを購読していて
時どきは未読のまま既読にする事があり、その時マウスに持ち替えて上部タブの「その他」の中の「全て読んだことにする」
を選ぶ動作が物臭だったので付けました…どこまで物臭なのかという。

// already read　の部分は、既読のキー
私は既読にするタイミングを手動にして最後に既読にしてるので。
左手用に[x]を、右手用にも[u]を割り当て、この[u]には小細工して一度目で既読に再度押す事により次のFeed渡れる様に。

// Current NewTab　と// Background NewTab　はタブを開くモノ。

// logout　はログアウトする為だけのもの…。


物臭さ全開のモノですが、実はノートPCでは意外と活躍するのですよ、これが！
私は仕事でノートPCを持ち歩いていて休憩時間などにペシペシやるので結構便利に使えます。
物臭な人には参考になれば幸いです…。

// ==UserScript==
// @name        LDR - Original Keybind (right handed)
// @namespace   Dora
// @include     http://reader.livedoor.com/reader/*
// @version     1.0
// ==/UserScript==

(function(){
    var w = unsafeWindow;
    var _onload = w.onload;

    var onload = function(){with(w){
        // Keybind invalidate
//        Keybind.clear()  // all
//        Keybind.remove(""); // individually
        Keybind.remove("o");
        Keybind.remove("i");
        Keybind.remove("z");
        Keybind.remove("b");

        // autoscroll
//        Keybind.add("j",Control.go_next);
//        Keybind.add("k",Control.go_prev);
        Keybind.remove("g");
        Keybind.add("g",Control.go_next);

        // feed all read
        Keybind.add('e',Control.mark_all_read);

        // already read
        Keybind.remove("x");
        Keybind.add('x', function(){
            touch_all(State.last_feed.subscribe_id);
        });
        // left‐handed
        Keybind.remove("u");
        Keybind.add('u', function(){
            touch_all(State.last_feed.subscribe_id);
            Control.go_next();
        });

        // Current NewTab
        Keybind.remove("v");
        Keybind.add("v", function(){
            var item = get_active_item(true);
            if(item){
                setTimeout(GM_openInTab, 0, item.link, false);
            }
        });

        // Background NewTab
        Keybind.remove("n");
        Keybind.add("n", function(){
            var item = get_active_item(true);
            if(item){
                setTimeout(GM_openInTab, 0, item.link, true);
            }
        });

        // logout
        Keybind.remove("q");
        Keybind.add("q", function(){
            var item = get_active_item(true);
            if(item){
                window.location.href = "http://reader.livedoor.com/reader/logout";
            }
        });

    }}
    w.onload = function(){
        _onload();
        onload();
    }
})();

Firefoxを便利に - CSS, LDR, livedoor Reader


LDR for Tumblr - Resize Image & multi-column
　livedoor Reader for Tumblr feed - Image Parts Customized Css
　Version : 1.0　2013/01/05 NewRelease

* livedoor Reader に表示される画像をリサイズ
　(※ 最大の長さか幅を指定する事により縦横比率をそのままでリサイズ)

* Tumblr feedで画像が複数枚に一度にPostされている場合、縦一列に表示されるのをマルチカラムにして表示。
　(※ 表示画像のサイズとブラウザの表示有効エリアによりカラム数は自動的に変更する)

LDR for Tumblr - Resize Image & multi-column
　- Themes and Skins for Livedoor - userstyles.org
　http://userstyles.org/styles/81008/ldr-for-tumblr-resize-image-multi-column


More Info
=====================================================================
※ Css中の /* Resize Image */ のサイズ指定部分をご自分の環境に合わせて調節して下さい。

※ TumblrのFeed以外にはCssが適用されないように気を付けましたが、Cssの仕様上Tumblr以外のFeedにも作用する事があります。

※ 解析度が 1920x1080 以上の場合は、 有効Css内の /* width limit 中の max-width: ～ を環境に合わせると上手くいくと思います。

※ ノートPC等で解析度が低く、標準でさえ縦長の画像は途切れて表示される環境の場合
/* width limit の有効Css部分をコメントアウトして、その下に標準ではコメントアウトしている /* height limit のCssを有効にして縦を基準に調整した方が観やすくなると思います。