Βελτιώστε την έκδοση iPhone του Google Reader στην πλευρική γραμμή του Firefox

Εάν είστε μεγάλος οπαδός τόσο του Google Reader όσο και του Firefox, θα σας ενδιέφερε να μάθετε ότι η έκδοση του Google του Reader της Google είναι ιδανική για την πλευρική γραμμή του Firefox και με λίγες βελτιώσεις μπορούμε να την κάνουμε πραγματικά.

Μπορούμε να το προσαρμόσουμε για να αφαιρέσουμε την κεφαλίδα, να διαλέξουμε την αρχική σελίδα, να μειώσουμε τις γραμματοσειρές και ακόμη και να αφαιρέσουμε τα αποσπάσματα για να μας δώσουν μια ωραία λίστα όπως αυτή:

Προσθέστε το Google Reader iPhone Edition στην πλευρική γραμμή του Firefox

Το μόνο που έχετε να κάνετε είναι να κάνετε δεξί κλικ οπουδήποτε στη γραμμή σελιδοδεικτών και να επιλέξετε Νέο σελιδοδείκτη, να του δώσετε ένα όνομα (ή να το αφήσετε κενό) και να βάλετε την ακόλουθη διεύθυνση URL:

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

Βεβαιωθείτε ότι έχετε επιλέξει το πλαίσιο για "Φόρτωση αυτού του σελιδοδείκτη στην πλαϊνή γραμμή" και τελειώσατε.

Τώρα όταν κάνετε κλικ στο σελιδοδείκτη, θα δείτε ότι ανοίγει στην πλαϊνή γραμμή.

Αλλάξτε σελιδοδείκτη για να ανοίξετε συγκεκριμένη ετικέτα (ή σελίδα)

Το πρώτο πρόβλημα είναι ότι ο σελιδοδείκτης ανοίγει από προεπιλογή στην προβολή όλων των στοιχείων, κάτι που είναι κακό για όσους από εμάς με πολύ μεγάλο αριθμό συνδρομών. Προτιμώ να ανοίξω τον Reader με την ετικέτα "αγαπημένα" που έχει επιλεγεί από προεπιλογή, οπότε θα πρέπει να το προσαρμόσουμε.

Πλοηγηθείτε στην πλαϊνή γραμμή στην ετικέτα που θέλετε και στη συνέχεια κάντε δεξί κλικ σε μια κενή περιοχή της σελίδας και επιλέξτε "Προβολή πληροφοριών σελίδας"

Τώρα θα δείτε την άμεση διεύθυνση URL σε αυτήν τη σελίδα, την οποία μπορείτε να αντιγράψετε στο πρόχειρο ...

Στη συνέχεια, είτε χρησιμοποιήστε ένα νέο σελιδοδείκτη είτε προσαρμόστε τον υπάρχοντα σελιδοδείκτη που δημιουργήσατε.

Τώρα όποτε κάνετε κλικ στον σελιδοδείκτη, θα δείτε τη σελίδα που προτιμάτε να δείτε.

Αφαιρέστε το άσχημο μπλε όριο

Σημείωση: Για τα υπόλοιπα τσιμπήματα θα πρέπει να έχετε το Κομψή επέκταση ή μπορείτε να δημιουργήσετε ένα αρχείο με όνομα χρήστηContent.css στον κατάλογο θεμάτων Firefox και να βάλετε τον κώδικα εκεί.

Για οποιονδήποτε λόγο, το λογότυπο του Google Reader έχει αυτό το ενοχλητικό μπλε περίγραμμα γύρω από αυτό, αλλά μπορούμε να το καταργήσουμε με ένα γρήγορο στυλάτο σενάριο.

Κάντε κλικ στο εικονίδιο Stylish (Στυλ), επιλέξτε Write Style (Γράψτε στυλ) και στη συνέχεια Blank Style.

Δώστε στο στυλ ένα περιγραφικό όνομα και, στη συνέχεια, επικολλήστε το παρακάτω κείμενο:

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

πρόθεμα url -moz-document (http://www.google.com/reader/i)
.λογότυπο img border: 0px! important;

Μπορείτε να κάνετε κλικ στο κουμπί προεπισκόπησης για να δείτε αμέσως τις αλλαγές:

Καταργήστε την κεφαλίδα Εντελώς

Αντί να αλλάζετε απλώς το περίγραμμα, μπορείτε να αφαιρέσετε ολόκληρη την ενότητα εικόνας κεφαλίδας, επειδή δεν είναι πραγματικά απαραίτητο. Προσαρμόστε το κομψό σενάριο ως εξής:

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

πρόθεμα url -moz-document (http://www.google.com/reader/i)
.λογότυπο εμφάνιση: κανένα! σημαντικό ·

Κάνοντας κλικ στο κουμπί Προεπισκόπηση θα εμφανιστούν οι νέες αλλαγές ...

Ρυθμίστε το μέγεθος γραμματοσειράς

Η τοποθεσία του iPhone είναι βελτιστοποιημένη για μια μικρή οθόνη αφής, οπότε η γραμματοσειρά είναι πολύ μεγάλη για τα γούστα μου. Μπορούμε να προσθέσουμε την ακόλουθη γραμμή στο κομψό σενάριο για να κάνουμε τη γραμματοσειρά ελαφρώς μικρότερη:

* font-size: 0.97em!

Εάν ακολουθείτε, το πλήρες σενάριο πρέπει τώρα να είναι:

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

πρόθεμα url -moz-document (http://www.google.com/reader/i)
.λογότυπο εμφάνιση: κανένα! σημαντικό ·
* font-size: 0.97em!

Τώρα έχουμε μια πολύ πιο συμπαγή θέα, πιο εύκολη στην ανάγνωση:

Αλλαγή λίστας μόνο σε τίτλους

Θα παρατηρήσετε ότι μπορείτε να δείτε τις πρώτες λέξεις της θέσης στην προβολή λίστας ... προσωπικά θα ήθελα απλώς να δείξω τους τίτλους. Προσθέστε τα εξής στο script σας:

span.item-απόσπασμα display: none! important;
span.item-source-title γραμματοσειρά:

Τώρα έχουμε μια πραγματικά χρήσιμη εφαρμογή sidebar:

Πλήρες σενάριο

Εδώ είναι η τελική έκδοση αυτού του σεναρίου, με αφαίρεση της γραμματοσειράς, μικρότερο μέγεθος γραμματοσειράς και κανένα απόσπασμα.

@namespace url (http://www.w3.org/1999/xhtml);
πρόθεμα url -moz-document (http://www.google.com/reader/i)
.λογότυπο εμφάνιση: κανένα! σημαντικό ·
* font-size: 0.97em!
span.item-απόσπασμα display: none! important;
span.item-source-title γραμματοσειρά:

Αυτό θα πρέπει να καταδείξει γιατί είμαι τόσο μεγάλος οπαδός του Stylish.