Som software flytter fra skrivebordet til skyen bruger vi flere og flere tid i webbrowsere ved hjælp af alle former for webapps og -tjenester. Kigger på de samme hjemmesider hver dag kan blive kedeligt meget hurtigt. Vidste du, at du kan ændre udseendet på hvert enkelt websted, du besøger?

Stilfuldt er et populært og utrolig kraftfuldt tilføjelsesprogram til Firefox (og Chrome!), Som giver dig mulighed for at ændre, hvordan forskellige websites ser i din browser. Naturligvis ændrer Stylish ikke webstederne direkte på deres servere, og det påvirker heller ikke, hvordan de ser ud til andre brugere. ændringerne gælder kun lokalt. De er skrevet i CSS og fungerer meget som begrebet skind til desktop applikationer.

Stilfuldt "skins" kaldes brugerstile, og bogstaveligt talt er tusindvis af dem tilgængelige gratis på den officielle Userstyles.org hjemmeside. Det er dog også muligt at skrive dine egne stilarter, og det er ikke for svært.

Hvordan virker det stilfuldt?

Du kan installere Stilfuld som enhver anden Firefox-tilføjelse: Fra den officielle tilføjelseswebsted eller fra siden about:addons ved at klikke på fanen "Få tilføjelser". Stilfuldt opretter et værktøjslinjeikon, og menuen er tilgængelig ved at klikke på den. Alle brugerstile, du har installeret eller oprettet, er i fanen "Brugerstile" på siden Tilføjelser.

Her kan du redigere og midlertidigt deaktivere dem eller fjerne dem helt. Firefox meddeler dig, når den finder en opdatering til dine stilarter, da den automatisk kan gøre det for dem, der blev installeret fra Userstyles.org. Hvis du vil oprette dine egne stilarter, er valgmuligheder for det placeret i den stilfulde menu.

Da brugerstile er stykker af CSS, kan de kun påvirke elementerne i den grænseflade, som CSS tillader; nemlig skrifttyper, farver, gennemsigtighed, billeder og arrangement af elementer på en webside. Før du skriver dit første stilfulde script, kan det være en god ide at lære de stilarter, der understøttes af Stilfuld, at blive bekendt med.

Typer af brugerstile

Der er tre typer brugerstile: App, Global og Site.

  • App stilarter ændrer Firefox selv mens de ikke er så alsidige som Firefox-temaer, kan du bruge dem til at ændre udseendet af tomme faner og hurtigkaldstaster, tilpasse din startside, ændre farve og størrelse på rullelinjer og et par andre elementer i browservinduet.
  • Globale stilarter påvirker alle websteder, du besøger, fra den browser, de er installeret i. De ændrer normalt skrifttyper, ændrer tekst og baggrundsfarver, eller ændrer markøren.
  • Webstedsformater er de mest populære, og de gælder for individuelle websites, bestemte webadresser, domæner eller underdomæner. Ændringerne spænder fra simple skrifttyper og farvejusteringer til komplette udseende og eftersyn. Webstedsstile bruges ofte af nostalgiske folk, der "hader" det nye YouTube eller Facebook-redesign, men de er også nyttige til at gemme annoncer, sociale medier, knapper og overlejringer.

Hvis du klikker på "Skriv ny stil" i menuen Stil, åbnes editoren. Der er to redigeringsfunktioner: Orion (billedet nedenfor) og standard, som kan aktiveres ved at ændre værdien extensions.stylish.editor til 1 i about:config .

Hver brugerstil starter med @namespace-erklæringen efterfulgt af url(http://www.website.com); . Site-specifikke stilarter indeholder også en @ -moz-dokument regel, som kan tage en af ​​fire typer ( url, url-prefix, domain, regexp ) afhængigt af om du vil påvirke alle webadresser på et domæne eller bare den angivne . Når du definerer webadresser, kan du ikke bruge jokertegn (for eksempel kan du ikke skrive domain(*.website.com) ), men regelmæssige udtryk med jokertegn er tilladt. Den stilfulde wikiside på GitHub indeholder flere oplysninger om opsætning af en brugerstil.

For at bestemme hvilke elementer af et websted, der skal inkluderes i brugerstilen, kan du stole på Firefox Web Developer-værktøjer; mere specifikt den inspektør, som du har adgang til ved at trykke på "Ctrl + Shift + C". I konsollen, der åbnes nederst i vinduet, kan du vælge forskellige elementer på et websted, kontrollere deres navne og kopiere den nødvendige kode til din brugerformat på editorens faneblad.

Medmindre du vil ændre noget rigtigt specifikt eller anvende en stil på nogle uklare hjemmesider, er der en god chance for at finde den nøjagtige stil, du leder efter i Userstyles.org-samlingen. Deres stilarter dækker de mest populære sociale medier, nyhedsportaler og webapps. Selv om der er et par smertefuldt dårlige eksempler (primært i kategorien Tumblr), er de fleste brugerstile smukke, helt funktionelle og ofte opdaterede. Her er et par anbefalinger til at komme i gang.

App Styles

Simpel startside - en brugerdefineret about:home stil med valgfri animeret logo.

Farver Firefox-knapper - bringer lidt farve ind i den nye Firefox-menu.

Firefox Panorama Metro - gør dine Firefox-faner i Panorama (Alle faner) se ligesom Metro UI-fliser fra Windows 8.

Prøv også Australis rundede små faner, hvis du vil ændre formen og størrelsen af ​​fanerne i fanen.

Globale stilarter

Global Dark Style - gør alle websteder mørke, så de passer godt sammen med dit mørke Firefox eller desktop tema. På samme måde tvinger Global Font Size alle websteder til at overholde dine browser fontindstillinger.

Site Styles

Perfekt Facebook Tema - en af ​​mange fantastiske Facebook-facelifts tilgængelige på Userstyles.org.

Minimal Twitter og Tweetdeck Metro Light bringer det bedste ud af Material Design og Metro UI til dine foretrukne web apps.

Andre sociale medier:
Reddit Revamped - et minimalistisk redesign af Reddit, der gør det mindre rodet og mere behageligt at læse.

Tumblr, The Old Design - for alle Tumblr-brugere ulykkelige over det nye look.

Husk Goodreads og dens gammeldags stemning? Goodreads Personalized gør det ser meget mere moderne ud.

For at forbedre læsbarheden på Wikipedia, prøv Wikipedia Minimalistisk og Wikipedia Læsbar Hyphenation.

Med Trello Clear og Trello Ultimate Flat har du ikke brug for en Pro-version til at tilpasse din foretrukne produktivitetsapp.

Sidst men ikke mindst, med Stilfuld kan du få Gmail og Google Search til at ligne Outlook:

Kan du lide at tilpasse din webbrowser? Har du prøvet Stilfuld? Lad os vide om andre coole og brugbare stilfulde scripts i kommentarerne.