Modifica Google Reader iPhone Edition nella barra laterale di Firefox

Se sei un grande fan sia di Google Reader che di Firefox, ti interesserà sapere che la versione di Reader di Google per iPhone è perfetta per la sidebar di Firefox, e con alcune modifiche possiamo adattarla davvero bene.

Possiamo personalizzarlo per rimuovere l'intestazione, scegliere la nostra pagina iniziale, attenuare i caratteri e persino rimuovere gli estratti per darci una bella lista pulita come questa:

Aggiungi Google Reader iPhone Edition alla sidebar di Firefox

Tutto quello che devi fare è cliccare con il tasto destro in qualsiasi punto della barra dei preferiti e scegliere Nuovo segnalibro, dargli un nome (o lasciarlo vuoto) e inserire il seguente URL:

http://www.google.com/reader/i/

Assicurati di selezionare la casella "Carica questo segnalibro nella barra laterale" e hai finito.

Ora quando fai clic sul segnalibro, vedrai che si apre nella barra laterale.

Cambia segnalibro per aprire un tag specifico (o pagina)

Il primo problema è che il segnalibro si apre alla vista di tutti gli elementi per impostazione predefinita, il che è negativo per quelli di noi con un numero molto elevato di abbonamenti. Preferisco aprire Reader con il mio tag "preferiti" selezionato per impostazione predefinita, quindi dovremo regolarlo.

Spostati nella barra laterale fino al tag che desideri, quindi fai clic con il pulsante destro del mouse in un'area vuota della pagina e scegli "Visualizza informazioni sulla pagina"

Ora vedrai l'URL diretto a quella pagina, che puoi copiare negli appunti ...

E quindi utilizzare in un nuovo segnalibro o personalizzare il segnalibro esistente che è stato creato.

Ora ogni volta che fai clic sul segnalibro, vedrai la pagina che preferiresti vedere.

Rimuovi il brutto bordo blu

Nota: per il resto delle modifiche è necessario avere il Estensione elegante installato, oppure è possibile creare un file denominato userContent.css nella directory del tema di Firefox e inserire il codice lì.

Per qualsiasi ragione, il logo di Google Reader ha questo fastidioso bordo blu attorno ad esso, ma possiamo rimuoverlo con un rapido script Stylish.

Fare clic sull'icona Elegante, selezionare Scrivi stile e quindi Stile vuoto.

Assegna allo stile un nome descrittivo e quindi incolla il seguente testo:

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

@ -moz-document url-prefix (http://www.google.com/reader/i)
.logo img border: 0px! important;

Puoi fare clic sul pulsante di anteprima per vedere subito le modifiche:

Rimuovi intestazione interamente

Invece di cambiare solo il bordo, puoi rimuovere l'intera sezione dell'immagine dell'intestazione, poiché non è realmente necessaria. Regola invece lo script elegante come segue:

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

@ -moz-document url-prefix (http://www.google.com/reader/i)
.logo display: none! important;

Facendo clic sul pulsante Anteprima verranno visualizzate le nuove modifiche ...

Regola le dimensioni del carattere

Il sito di iPhone è ottimizzato per un piccolo display touch screen, quindi il font è davvero troppo grande per i miei gusti. Possiamo aggiungere la seguente riga allo script elegante per rendere il font leggermente più piccolo:

* font-size: 0.97em! important;

Se stai seguendo, lo script completo dovrebbe ora essere:

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

@ -moz-document url-prefix (http://www.google.com/reader/i)
.logo display: none! important;
* font-size: 0.97em! important;

Ora abbiamo una vista molto più compatta, più facile da leggere:

Cambia elenco solo per i titoli

Noterai che puoi vedere le prime parole del post nella visualizzazione elenco ... personalmente preferirei semplicemente mostrare i titoli. Aggiungi il seguente al tuo script:

span.item-snippet display: none! important;
span.item-source-title dimensione font: 0.9em! important

Ora abbiamo un'applicazione davvero utile per la sidebar:

Script completo

Ecco la versione finale di questo script, con la barra del logo rimossa, la dimensione del carattere più piccola e nessun brano.

@namespace url (http://www.w3.org/1999/xhtml);
@ -moz-document url-prefix (http://www.google.com/reader/i)
.logo display: none! important;
* font-size: 0.97em! important;
span.item-snippet display: none! important;
span.item-source-title dimensione font: 0.9em! important

Questo dovrebbe illustrare il motivo per cui sono un grande fan di Stylish.