Har­mo­ni­sa­tion de Gmail et Google Rea­der : une astuce pour Reader

By
flop25
– 2 novembre 2011Posted in: web

Alors, après Plus,  Search, Actua­li­tés, Docu­ments etc, c’est le tour de et de Rea­der de se re-faire une beauté. Mini­ma­liste et plus aéré, le design G+ s’étend pour le meilleur et le pire. On va aussi vous don­ner une chtite astuce pour Rea­der.

le nou­veau Gmail avec un thème dit « HD »

Gmail a lancé son nou­veau design, vous l’avez cer­tai­ne­ment lu et/ou constaté. On ne va trop reve­nir des­sus : la prin­ci­pale carac­té­ris­tique est un gra­phisme épuré, un peu de cou­leur pas­tel, de grandes marges pour bieeen espa­cer les blocs à peine arrondis…

Ajou­tons aussi une fonc­tion Recherche ENFIN amé­lio­rée, des thèmes mar­qués HD grâce à un par­te­na­riat avec iStock­Photo (qui du coup a une sacré pub ! et est non affi­lié à Apple ;) ) et quelques modi­fi­ca­tions d’ergonomie plus ou moins bien pensé

Quand à Google Rea­der, ô rage ô déses­poir Google plus veut le pha­go­cy­ter ! Finit les fonc­tions de com­men­taires, fini aussi le par­tage via buzz vu que buzz est mort… le paratge via Fb, ou autre demeure encore mais le +1 est bien mis en avant.

Mais quelle perte de place !! Sur Gmail on peut choi­sir la den­sité d’affichage mais pas sur Rea­der ! Je veux bien que ce soit beau, mais quand le but est de regrou­per des site qui publient cha­cun une dizaine de news par jour, je ne veux pas 6 news par page !
Pour y remé­dier, je vous pro­pose un petit tweak mai­son à base de CSS à mettre dans un plu­gin tel Sty­lish (Chrome et , les autres faut voir). Pour gagner de la place, le code à mettre :

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("www.google.com") {

#entries.list .entry .collapsed {
 line-height: 2.5ex !important;
}
#viewer-header {
 height: 50px!important;
}
#lhn-add-subscription-section {
 height: 50px!important;
}
.lhn-section-primary {
 height: auto!important;
line-height: inherit!important;
}
#top-bar {
 height: 50px!important;
}
}

illus­tra­tion avant/après/Xtra

Pour encore plus d’effet, rajou­tez l’astuce à effet Xtra

html, body {
font-size: 87%!important;
}

juste après @-moz-document domain(« www.google.com ») {

Per­son­nel­le­ment, je pré­fère condensé pour perdre moins de temps à scrol­ler. En plus, sur la cap­ture d’écran, on ne trouve que des bons sites à suivre !

Rela­ted posts:

  1. Les options de Gmail bourgeonnent
  2. Google, le recen­trage de Larry Page. Finis les hippies ?
  3. Google+ ouvert au public : des retouches et du lourd !
  4. Google+ : décryp­tage et critiques
  5. Google testes des voi­tures auto­ma­ti­sées et auto­nomes sur routes !
Mots clés: , ,