Etter hvert som programvaren beveger seg fra skrivebordet til skyen, bruker vi stadig mer tid i nettlesere, ved hjelp av alle slags nettprogrammer og tjenester. Ser på de samme nettstedene hver dag kan bli kjedelig veldig raskt. Visste du at du kan endre utseendet til hvert enkelt nettsted du besøker?

Stilig er et populært og utrolig kraftig tillegg for Firefox (og Chrome!) Som lar deg endre hvordan forskjellige nettsteder ser ut i nettleseren din. Selvfølgelig endrer Stylish ikke nettsidene direkte på serverne, og det påvirker heller ikke hvordan de ser ut til andre brukere. Endringene gjelder bare lokalt. De er skrevet i CSS og fungerer mye som begrepet skinn for stasjonære applikasjoner.

Stilfulle "skins" kalles brukerstiler, og bokstavelig talt er tusenvis av dem tilgjengelige gratis på den offisielle Userstyles.org-nettsiden. Det er imidlertid også mulig å skrive dine egne stiler, og det er ikke så vanskelig.

Hvordan virker stilig arbeid?

Du kan installere Stilig som alle andre Firefox-tillegg: fra den offisielle tilleggswebsiden eller fra siden about:addons ved å klikke på kategorien "Få tillegg". Stilig lager et verktøylinjeikon, og menyen er tilgjengelig ved å klikke på den. Alle brukerstiler du har installert eller opprettet, er i kategorien "Brukerstiler" på siden Add-ons.

Her kan du redigere og midlertidig deaktivere dem eller fjerne dem helt. Firefox vil varsle deg når det finner en oppdatering for stilene dine, da det kan gjøre dette automatisk for de som ble installert fra Userstyles.org. Hvis du vil lage dine egne stiler, er alternativer for det plassert i den stilige menyen.

Siden brukerstiler er deler av CSS, kan de bare påvirke elementene i grensesnittet som CSS tillater; nemlig skrifter, farger, gjennomsiktighet, bilder og arrangement av elementer på en nettside. Før du skriver ditt første Stilfulle skript, kan det være lurt å bli kjent med typene som støttes av Stilig.

Typer Brukerstiler

Det finnes tre typer brukerstiler: App, Global og Site.

  • App stiler endre utseendet til Firefox selv; mens de ikke er like allsidige som Firefox-temaer, kan du bruke dem til å endre utseendet på tomme faner og hurtigvalg-faner, tilpasse startsiden, endre farge og størrelse på rullebjelker og noen få andre elementer i nettleservinduet.
  • Globale stiler påvirker alle nettsteder du besøker fra nettleseren de er installert i. De endrer vanligvis skrifter, endrer tekst og bakgrunnsfarger, eller forvandler markøren.
  • Sidestiler er de mest populære, og de gjelder for individuelle nettsteder, bestemte nettadresser, domener eller underdomener. Endringene varierer fra enkle skrifttype og fargejusteringer for å fullføre utseende og gjennomslag. Webstedsstiler brukes ofte av nostalgiske folk som "hater" det nye YouTube- eller Facebook-redesignet, men de er også nyttige for å skjule annonser, sosiale medier, knapper og overlegg.

Hvis du klikker på alternativet "Skriv ny stil" i stilig meny, åpnes redigeringsprogrammet. Det er to redigeringsmoduser: Orion (bildet nedenfor) og standard, som kan aktiveres ved å endre verdi for extensions.stylish.editor til 1 i about:config .

Hver brukers stil begynner med @namespace-erklæringen, etterfulgt av url(http://www.website.com); . Nettstedspesifikke stiler inneholder også en @ -moz-dokumentregel, som kan ta en av fire typer ( url, url-prefix, domain, regexp ), avhengig av om du vil påvirke alle nettadresser på et domene eller bare den angitte . Når du definerer nettadresser, kan du ikke bruke jokertegn (for eksempel kan du ikke skrive domain(*.website.com) ), men vanlige uttrykk med jokertegn er tillatt. Den stilige wikisiden på GitHub gir mer informasjon om hvordan du konfigurerer en brukers stil.

For å avgjøre hvilke elementer av et nettsted som skal inkluderes i brukerstilen, kan du stole på Firefox Web Developer-verktøy; mer spesifikt inspektøren som du får tilgang til ved å trykke på "Ctrl + Shift + C". I konsollen som åpnes nederst i vinduet, kan du velge forskjellige elementer på et nettsted, sjekke navnene sine og kopiere den nødvendige koden til brukerstilen din på editor-fanen.

Med mindre du vil endre noe veldig spesifikt eller bruke en stil på noe uklar nettsted, er det en god sjanse for at du finner den nøyaktige stilen du leter etter i Userstyles.org-samlingen. Deres stiler dekker de mest populære nettsidene for sosiale medier, nyhetsportaler og webapps. Selv om det er noen smertefullt dårlige prøver (hovedsakelig i Tumblr-kategorien), er de fleste brukerstiler vakre, helt funksjonelle og ofte oppdatert. Her er et par anbefalinger for å komme i gang.

App stiler

Enkel Startside - En tilpassbar about:home stil med valgfri animert logo.

Colorize Firefox-knapper - bringer litt farge inn i den nye Firefox-menyen.

Firefox Panorama Metro - gjør at Firefox-fanene dine i panoramabildet (alle faner) ser ut som Metro UI-fliser fra Windows 8.

Prøv også Australis rundede små faner hvis du vil endre formen og størrelsen på fanene i fanen.

Globale stiler

Global Dark Style - gjør alle nettsteder mørke, slik at de passer godt sammen med ditt mørke Firefox eller skrivebordstema. På samme måte tvinger global skriftstørrelse alle nettsteder til å overholde nettleserens skrifttypeinnstillinger.

Sidestiler

Perfekt Facebook-tema - en av mange fantastiske Facebook-ansiktsløftere tilgjengelig på Userstyles.org.

Minimal Twitter og Tweetdeck Metro Light bringer det beste av Material Design og Metro UI til dine favoritt webapps.

Andre sosiale medier:
Reddit Revamped - et minimalistisk redesign av Reddit som gjør det mindre rotete og mer behagelig å lese.

Tumblr, The Old Design - for alle Tumblr-brukere misfornøyd med det nye utseendet.

Husk Goodreads og den gammeldags stemningen? Goodreads Personalized gjør det ser mye mer moderne ut.

For å få bedre lesbarhet på Wikipedia, prøv Wikipedia Minimalistisk og Wikipedia-lesbar nedbrytning.

Med Trello Clear og Trello Ultimate Flat trenger du ikke en Pro-versjon for å tilpasse favorittproduktivitetsappen din.

Sist men ikke minst, med stilig kan du få Gmail og Google Søk til å se ut som Outlook:

Liker du å tilpasse nettleseren din? Har du prøvd Stilig? Gi oss beskjed om andre kule og nyttige stilige skript i kommentarene.