Googleリーダー新デザインの極太ヘッダーの縦幅を狭くするスタイルシート〜Google Chrome篇〜
愛用するGoogleリーダーのデザインが変わってしまった。個人的には悪い方に。不満点は色々あるけれど、とりあえずメニューヘッダーの無駄な余白が気になる。
- Official Google Reader Blog: New in Reader: a fresh design, and Google+ sharing
- より見やすくなり、Google+での共有も簡単になった「Googleリーダー」 : ライフハッカー[日本版]
- Google、「Google Reader」刷新で共有機能を削除 共有機能はGoogle+に統合へ - ITmedia ニュース
- グーグル、「Google Reader」を刷新--「Google+」の機能を取り入れる - CNET Japan
- Googleリーダーが改悪 | ライフハックちゃんねる弐式
- カワラばん Googleの勘違いはどこまで進むのか?
そこで、以下の余白を無くすスタイルシートを書いてみた。
- 検索ヘッダー部分の上下余白、150px→0px
- 検索ヘッダー部分の縦幅、60px→35px
- 左サイドメニューの「登録」ボタン枠の縦幅、73px→30px
- コンテンツ表示枠のメニューバーの縦幅、73px→30px
以下のスタイルシートは、Google Chromeに独自のスタイルシートを適用する拡張「Chrome Stylist」でのみ動作確認をしている。
■スタイルシートのソース
#search { padding-bottom: 0px;/* 150px→0px */ padding-top: 0px;/* 150px→0px */ } #top-bar { height: 35px;/* 60px→35px */ } #lhn-add-subscription-section { height: 30px;/* 73px→30px */ } #viewer-header { height: 30px;/* 73px→30px */ } #sections-header { height: 30px;/* 73px→30px */ }
【関連記事】Gmailの新デザインは、Googleリーダーの新デザインよりは少し良いかもしれない。少しだけ…
【関連リンク】Googleリーダー新デザインをなんとかするスタイルシート
- GoogleReader over CSS ChromeStylist ― Gist
- 枠線入り。個人的には、現状これが一番見やすいスタイルシートかも。
kensei_kick kensei | バックが白ならエントリー間のボーダーはあった方がいい。マージンがなくても全然見やすい。デザインセンス古いんかな。。。 (2011/11/01 14:59:48) | link |
- Mozilla Re-Mix: 新しくなったGoogle リーダーのUIをカスタマイズできるユーザースタイルあれこれ。
- 新Googleリーダー用userContent.css | 10press
- 新デザインのGoogleリーダーをちょっと見やすくするやーつ - jsdo.it - Share JavaScript, HTML5 and CSS
- New Google Reader Tweaks - Themes and Skins for Google - userstyles.org
【関連】スタイルシートとか、いぢらずにショートカットキー「F」(=全画面表示)で対応
zapa zapa | Googleリーダーが狭いと感じたら、とりあえず「F」キーを押してみよう。 (2011/11/01 20:36:39) | link |
左サイドバーや検索&メニューヘッダーバーを非表示にする「全画面表示」のショートカットキー「F」。今まで使ったこと無かったけど、これはアリかも。