Googleリーダーを更に使いやすくするFirefoxアドオン feedlyのナローレイアウトStylish

今までPCのスタートページはiGoogleを使っていたのだが、Googleリーダーをチェックする際に専用ガジェットでは細かい設定ができず、何かいい方法はないかと探していたところ、 Firefoxアドオンのfeedlyという拡張が中々面白そうなので早速導入。

使ってみて感じた最も大きな特徴は、フィードやカテゴリごとにレイアウトが変えられること。Googleリーダーでは一括して記事の見出しのみを表示するのに対し、feedlyでは様々な表示にすることが出来る。標準の見出しだけのものや、ニュースの記事のように画像と概要つきのもの等、記事にあったレイアウトで購読できる。

その中でも何より使い勝手が良かったのがflickrに関して。

このようにアルバムのような形で一覧表示されるので、サラっとお気に入りの写真を流し見ることが出来る。これなら大量の更新もチェックすることが出来るので、以前のように一々Webページをめくりながら見ていたのに比べて格段に扱いやすくなった。

しかし、このレイアウトは本来解像度幅1280px以上のものなので、それ以下では画面外にはみ出してしまう。なので、上の画像のような小さい画面用のStylishを書いた。主な変更・問題点は下記の通り。また、初期設定も記載する。

初期設定

• Backgroudcolor - #ffffff
• Read Links Color - #666666
• Unread Links Color - #aa0000

変更点

• Gride LayoutのWideサイズを解像度幅1024pxで収まるように縮小
• 左タブを固定
• リンクのロールオーバーの設定
• アイコンのロールオーバー画像を追加
• サイドバー内のファビコンの表示
• 外観の調整

問題点

• CoverのColumn layout、Overview表示は上手く表示できない場合がある。
• サイドバーエリアは上部に必ず空白ができる。また、枠内を飛び出してしまう場合がある。

• feedly left navigation - optimized for 1024px | userstyles.org

2009/10/14 追記：記事の整理のため改題。

2009/11/07 追記：ユーザースタイルの管理をuserstyles.orgに移行。