Καθώς το λογισμικό μετακινείται από την επιφάνεια εργασίας στο cloud, περνάμε όλο και περισσότερο χρόνο σε προγράμματα περιήγησης ιστού, χρησιμοποιώντας όλα τα είδη των εφαρμογών και υπηρεσιών ιστού. Κοιτάζοντας τις ίδιες ιστοσελίδες κάθε μέρα μπορεί να βαρεθεί πραγματικά γρήγορα. Γνωρίζατε ότι μπορείτε να αλλάξετε την εμφάνιση κάθε ιστοτόπου που επισκέπτεστε;

Το κομψό είναι ένα δημοφιλές και εκπληκτικά ισχυρό πρόσθετο για τον Firefox (και το Chrome!) Που σας επιτρέπει να τροποποιήσετε τον τρόπο προβολής διαφορετικών ιστότοπων στο πρόγραμμα περιήγησης. Φυσικά, το κομψό δεν αλλάζει τους ιστότοπους απευθείας στους διακομιστές τους, ούτε επηρεάζει τον τρόπο εμφάνισης των άλλων χρηστών. οι τροποποιήσεις ισχύουν μόνο τοπικά. Είναι γραμμένα σε CSS και λειτουργούν σαν την έννοια των skin για desktop εφαρμογές.

Τα κομψά "δέρματα" ονομάζονται στυλ χρήστη και κυριολεκτικά χιλιάδες από αυτά διατίθενται δωρεάν στον επίσημο ιστότοπο Userstyles.org. Ωστόσο, είναι επίσης δυνατό να γράψετε τα δικά σας στυλ, και δεν είναι πολύ δύσκολο.

Πώς λειτουργεί το κομψό;

Μπορείτε να εγκαταστήσετε το κομψό όπως οποιοδήποτε άλλο πρόσθετο του Firefox: από τον επίσημο ιστότοπο πρόσθετων ή από τη σελίδα about:addons, κάνοντας κλικ στην καρτέλα "Λήψη προσθέτων". Το κομψό δημιουργεί ένα εικονίδιο της γραμμής εργαλείων και το μενού είναι προσβάσιμο κάνοντας κλικ σε αυτό. Όλα τα στυλ χρήστη που έχετε εγκαταστήσει ή δημιουργήσει βρίσκονται στην καρτέλα "Στυλ χρήστη" στη σελίδα "Πρόσθετα".

Εδώ μπορείτε να τα επεξεργαστείτε και να τα απενεργοποιήσετε προσωρινά ή να τα αφαιρέσετε εντελώς. Ο Firefox θα σας ειδοποιήσει όταν εντοπίσει μια ενημέρωση για τα στυλ σας, καθώς αυτό μπορεί να γίνει αυτόματα για αυτά που εγκαταστάθηκαν από το Userstyles.org. Αν θέλετε να δημιουργήσετε τα δικά σας στυλ, οι επιλογές για αυτό βρίσκονται στο μενού Stylish.

Δεδομένου ότι τα στυλ χρήστη είναι κομμάτια του CSS, μπορούν να επηρεάσουν μόνο τα στοιχεία της διασύνδεσης που επιτρέπει το CSS. δηλαδή, τις γραμματοσειρές, τα χρώματα, τη διαφάνεια, τις εικόνες και τη διάταξη στοιχείων σε μια ιστοσελίδα. Πριν γράψετε το πρώτο σας στυλάτο σενάριο, ίσως είναι καλή ιδέα να εξοικειωθείτε με τους τύπους στυλ που υποστηρίζονται από το κομψό.

Τύποι μορφών χρήστη

Υπάρχουν τρεις τύποι μορφών χρηστών: App, Global και Site.

  • Τα στυλ εφαρμογών τροποποιούν την εμφάνιση του ίδιου του Firefox. ενώ δεν είναι τόσο ευπροσάρμοστες όσο τα θέματα του Firefox, μπορείτε να τα χρησιμοποιήσετε για να αλλάξετε την εμφάνιση κενών καρτελών και καρτελών ταχείας κλήσης, να προσαρμόσετε την αρχική σελίδα, να τροποποιήσετε το χρώμα και το μέγεθος των κύλισης κύλισης και μερικά άλλα στοιχεία του παραθύρου του προγράμματος περιήγησης.
  • Τα στυλ παγκόσμιας εμβέλειας επηρεάζουν όλους τους ιστότοπους που επισκέπτεστε από το πρόγραμμα περιήγησης στο οποίο είναι εγκατεστημένο. Αλλάζουν συνήθως τις γραμματοσειρές, τροποποιούν τα χρώματα κειμένου και φόντου ή μετατρέπουν το δρομέα σας.
  • Τα στυλ ιστότοπων είναι τα πιο δημοφιλή και ισχύουν για μεμονωμένους ιστότοπους, συγκεκριμένες διευθύνσεις URL, τομείς ή υποτομείς. Οι αλλαγές κυμαίνονται από απλές ρυθμίσεις γραμματοσειρών και χρωμάτων μέχρι πλήρεις αναθεωρήσεις εμφάνισης και αίσθησης. Τα στυλ ιστότοπων χρησιμοποιούνται συχνά από νοσταλγικούς ανθρώπους που "μισούν" τον νέο επανασχεδιασμό του YouTube ή του Facebook, αλλά είναι επίσης χρήσιμοι για την απόκρυψη διαφημίσεων, κουμπιών κοινωνικών μέσων και επικαλύψεων.

Κάνοντας κλικ στην επιλογή "Σύνταξη νέου στυλ" στο μενού "Κομψή" ανοίγει ο επεξεργαστής. Υπάρχουν δύο λειτουργίες επεξεργασίας: Orion (παρακάτω εικόνα) και προεπιλογή, οι οποίες μπορούν να ενεργοποιηθούν με την αλλαγή της τιμής extensions.stylish.editor σε 1 σε about:config .

Κάθε στυλ χρήστη αρχίζει με τη δήλωση @namespace, ακολουθούμενη από url(http://www.website.com); . Τα συγκεκριμένα στυλ ιστοτόπου περιέχουν επίσης έναν κανόνα @ -moz-document, ο οποίος μπορεί να λάβει έναν από τους τέσσερις τύπους ( url, url-prefix, domain, regexp ), ανάλογα με το αν θέλετε να επηρεάσετε όλες τις διευθύνσεις URL σε έναν τομέα ή ακριβώς στον καθορισμένο . Όταν καθορίζετε διευθύνσεις URL, δεν μπορείτε να χρησιμοποιήσετε μπαλαντέρ (για παράδειγμα, δεν μπορείτε να γράψετε domain(*.website.com) ), αλλά επιτρέπονται κανονικές εκφράσεις με μπαλαντέρ. Η κομψή σελίδα wiki στο GitHub προσφέρει περισσότερες πληροφορίες σχετικά με τη ρύθμιση ενός στυλ χρήστη.

Για να καθορίσετε ποια στοιχεία ενός ιστότοπου θα συμπεριληφθούν στο στυλ χρήστη, μπορείτε να βασιστείτε στα εργαλεία του Firefox Web Developer. πιο συγκεκριμένα, τον Επιθεωρητή στον οποίο έχετε πρόσβαση πατώντας "Ctrl + Shift + C". Στην κονσόλα που ανοίγει στο κάτω μέρος του παραθύρου, μπορείτε να επιλέξετε διαφορετικά στοιχεία ενός ιστότοπου, να ελέγξετε τα ονόματά τους και να αντιγράψετε τον απαραίτητο κώδικα στο στυλ χρήστη σας στην καρτέλα επεξεργαστή.

Αν δεν θέλετε να τροποποιήσετε κάτι συγκεκριμένο ή εφαρμόστε στυλ σε κάποια σκοτεινή ιστοσελίδα, υπάρχει μια καλή πιθανότητα να βρείτε το ακριβές στυλ που αναζητάτε στη συλλογή Userstyles.org. Τα στυλ τους καλύπτουν τις δημοφιλέστερες ιστοσελίδες κοινωνικών μέσων ενημέρωσης, τις πύλες ειδήσεων και τις εφαρμογές ιστού. Αν και υπάρχουν μερικά οδυνηρά κακά δείγματα (κυρίως στην κατηγορία Tumblr), τα περισσότερα στυλ χρήστη είναι όμορφα, λειτουργικά και συχνά ενημερωμένα. Ακολουθούν μερικές συστάσεις για να ξεκινήσετε.

Στυλ εφαρμογών

Απλή σελίδα εκκίνησης - ένα προσαρμόσιμο about:home στυλ about:home με προαιρετικό κινούμενο λογότυπο.

Colorize Buttons Firefox - φέρνει λίγο χρώμα στο νέο μενού του Firefox.

Το μενού Panorama του Firefox - κάνει τις καρτέλες Firefox στην προβολή Panorama (Όλες οι καρτέλες) να μοιάζουν με πλακάκια UI Metro από τα Windows 8.

Επίσης, δοκιμάστε τις μικρές καρτέλες στρογγυλεμένες της Αυστραλίας, εάν θέλετε να αλλάξετε το σχήμα και το μέγεθος των καρτελών στη γραμμή καρτελών.

Παγκόσμια Στυλ

Global Dark Style - καθιστά όλες τις ιστοσελίδες σκοτεινές ώστε να ταιριάζουν καλά με το σκοτεινό θέμα Firefox ή desktop. Ομοίως, το Παγκόσμιο Μέγεθος γραμματοσειράς αναγκάζει όλους τους ιστότοπους να τηρούν τις ρυθμίσεις γραμματοσειράς του προγράμματος περιήγησης

Στυλ ιστοτόπου

Perfect Facebook Theme - ένα από τα πολλά φανταστικά facelifts του Facebook που είναι διαθέσιμα στο Userstyles.org.

Το ελάχιστο Twitter και το Tweetdeck Metro Light φέρνουν στο καλύτερο δυνατό περιεχόμενο το υλικό σχεδιασμού και το μετρό UI στις αγαπημένες σας εφαρμογές ιστού.

Άλλα κοινωνικά μέσα:
Reddit Revamped - ένας μινιμαλιστικός επανασχεδιασμός του Reddit που το καθιστά λιγότερο γεμάτο και πιο ευχάριστο στην ανάγνωση.

Tumblr, The Old Design - για όλους τους χρήστες του Tumblr δυστυχισμένοι για τη νέα εμφάνιση.

Θυμηθείτε την Goodreads και την παλιομοδίτικη ατμόσφαιρα; Το Goodreads Personalized καθιστά πολύ πιο μοντέρνο.

Για βελτιωμένη αναγνωσιμότητα στη Wikipedia, δοκιμάστε την Wikipedia Minimalistic και Wikipedia Readable Hyphenation.

Με Trello Clear και Trello Ultimate Flat, δεν χρειάζεστε μια έκδοση Pro για να προσαρμόσετε την αγαπημένη σας εφαρμογή παραγωγικότητας.

Τελευταίο αλλά εξίσου σημαντικό, με το κομψό, μπορείτε να κάνετε το Gmail και την Αναζήτηση Google να μοιάζουν με το Outlook:

Απολαμβάνετε την προσαρμογή του προγράμματος περιήγησης ιστού σας; Δοκιμάσατε το κομψό; Ενημερώστε μας για άλλα δροσερά και χρήσιμα Stylish scripts στα σχόλια.