Nyheter har aldrig varit lättare att ta del av, men för många är det just det som är problemet. Överväldigade av en konstant flod av information och uppdateringar väljer allt fler människor världen över att stänga ute nyheterna.
Anledningarna skiljer sig åt: vissa avskräcks av den enkla mängden nyheter, andra av den känslomässiga tyngden i negativa berättelser eller en generell misstro mot medierna. I onlinemiljöer som fokuserar på mindfulness och mental hälsa delar människor strategier för att ta ett steg tillbaka – från att sätta gränser till att helt sluta konsumera nyheter.
Mardette Burr, en pensionär i Arizona, slutade se på nyheterna för ungefär åtta år sedan. Hon säger: "Nu när jag inte tittar på nyheterna har jag helt enkelt inte den där ångesten. Jag känner ingen fruktan. Det fanns tillfällen då jag var uppe klockan två eller tre på morgonen och upprörd över något som hände i världen som jag hade väldigt lite kontroll över."
Hon är inte ensam. Enligt en undersökning från juni av Reuters Institute for the Study of Journalism har nyhetsundvikande nått en rekordnivå globalt. I år sa 40 % av respondenterna i nästan 50 länder att de ibland eller ofta undviker nyheter, jämfört med 29 % 2017 – den högsta siffran någonsin.
Siffrorna var ännu högre i USA (42 %) och Storbritannien (46 %). Den främsta anledningen till att aktivt undvika nyheter var dess negativa inverkan på humöret. Respondenterna uppgav också att de kände sig utmattade av nyhetsmängden, trötta på överdriven rapportering om krig och konflikter och maktlösa att agera på den information de fick.
Julian Burrett, en brittisk marknadsföringsproffs, har avsiktligt kopplat bort sig från nyheterna sedan pandemin, efter att ha känt sig nästan beroende av konstanta negativa uppdateringar. Han har tagit bort de flesta nyhetsappar från sin telefon och undviker TV-nyheter. Förra året startade han en liten Reddit-gemenskap, r/newsavoidance, för att diskutera för- och nackdelar, tips och verktyg för att undvika nyheter.
Andra som talade med The Guardian beskrev olika tillvägagångssätt. En person kollar nyheterna bara en gång i veckan för att hålla sig informerad utan att känna sig överväldigad. En annan har undvikit nyheter i åratal med hänvisning till dess effekt på humöret och en bredare misstro mot pressen. En man från Maryland sa att de senaste politiska händelserna fick honom att känna sig "rasande", så han begränsar sig nu till att skumma rubriker.
Forskning tyder på att frekvent exponering för nyheter – särskilt via TV och sociala medier, och i synnerhet rapportering om tragiska eller upprörande händelser – kan skada den mentala hälsan.
@font-face {
font-family: Guardian Headline Full;
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Regular.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Regular.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Regular.ttf) format("truetype");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: Guardian Headline Full;
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.ttf) format("truetype");
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: Guardian Headline Full;
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.ttf) format("truetype");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: Guardian Headline Full;
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.ttf) format("truetype");
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: Guardian Headline Full;
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Semibold.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Semibold.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Semibold.ttf) format("truetype");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: Guardian Headline Full;
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-SemiboldItalic.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-SemiboldItalic.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-SemiboldItalic.ttf) format("truetype");
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: Guardian Headline Full;
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.ttf) format("truetype");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: Guardian Headline Full;
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BoldItalic.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BoldItalic.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BoldItalic.ttf) format("truetype");
font-weight: 700;
font-style: italic;
}
@font-face {
font-family: Guardian Headline Full;
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Black.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Black.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Black.ttf) format("truetype");
font-weight: 900;
font-style: normal;
}Denna text innehåller CSS-kod som definierar teckensnitt och layoutstilar för en webbsida. Den specificerar teckensnittsfamiljer, vikter, stilar och källor för olika typsnitt. Den inkluderar även media queries för att justera marginaler, bredder och positionering av element baserat på skärmstorlek. Dessutom sätter den regler för mellanrum, kanter och färger för olika komponenter.Denna CSS-kod applicerar specifika stilar på olika element på en webbsida. Den lägger till 14px topputfyllnad till vissa stycken, formaterar den första bokstaven i vissa stycken med ett stort, fetstilt, versalt teckensnitt och justerar layouten för bildtexter och immersiva element. Den inkluderar även responsiva designregler som ändrar elementbredder, marginaler och utfyllnad baserat på skärmstorlek, vilket säkerställer korrekt visning på olika enheter.
Möbelomslaget använder en grid-layout med specifika kolumn- och raddefinitioner. Det applicerar en toppkant på det första barnet till rubrikelement och justerar meta-sektionen med relativ positionering och utfyllnad. Standfirst-innehåll har en bottenmarginal, och listobjekt inom den använder en teckensnittsstorlek på 20px. Länkar i standfirsten är understrukna med en anpassad färg som ändras vid hovring.
För större skärmar (min-width: 61.25em) justeras figurer med negativa marginaler och inline-element har en maxbredd på 630px. Vid 71.25em och uppåt ändras grid-layouten, en toppkant läggs till i meta-sektionen och kanter tas bort från standfirst-stycken. En vertikal linje läggs till före standfirsten. Vid 81.25em uppdateras gridet igen, och meta-kantens bredd ökar till 620px.
Etiketter i titeln eller artikelhuvudet har topputfyllnad, och rubrik h1-element har en specificerad teckensnittsvikt.
Rubrikens teckensnittsstorlek är 32px, med en maximal bredd på 620px. På större skärmar (över 71.25em) justeras rubriken till 50px och en maxbredd på 540px. För medelskärmar (över 46.25em) tas höjermarginaler bort från vissa element. På bredare skärmar (över 61.25em) döljs vissa dekorativa linjer.
Meta-sektionen och sociala ikoner använder en kantfärg som matchar huvudet. Vissa meta-element döljs som standard. Standfirsten (underrubrik) har vänsterutfyllnad och justerar sin topputfyllnad på medelskärmar. Dess text är satt till 20px med en bottenutfyllnad på 14px.
Huvudmediaelement är positionerade relativt, med justerade marginaler på olika skärmstorlekar. På små skärmar sträcker de sig över hela viewportbredden. Bildtexter är formaterade med en bakgrundsfärg och placerade längst ner. En bildtextväxlingsknapp visas längst ner till höger.
Den interaktiva innehållskolonnen har specifik formgivning för rubriker. Mörkt läge använder anpassade färger för kanter och funktioner. Vissa navigeringsnärliggande sektioner döljs. Omslaget har en mörk bakgrund, med utfyllnad och marginaler som justeras baserat på skärmstorlek. På mycket stora skärmar (över 81.25em) sträcker det sig med sidofält som matchar bakgrundsfärgen och en kant.Denna CSS-kod definierar stilar för en webbsidalayout, särskilt för en "furniture-wrapper"-klass. Den sätter färger, kanter och hovringseffekter för olika element som rubriker, metainformation och standfirst-text. Stilarna använder CSS-variabler för färger, vilket säkerställer konsistens och enkel temaanpassning. Media queries justerar layouten för olika skärmstorlekar, som att lägga till eller ta bort kanter på större skärmar. Designen betonar en mörk bakgrund med kontrasterande text och accentfärger för länkar och interaktiva element.Denna CSS-kod formaterar element för en webbsidalayout. Den sätter listobjekt i standfirst-sektionen till en ljusgrå färg. För bredare skärmar lägger den till dekorativa kanter och bakgrundsfärger på sidorna av innehållsomslaget, och justerar deras bredd baserat på viewport-storleken. Den formaterar även SVG-streck och sociala/meta-element med en kantfärg från en variabel. Rubriker (h2) är inställda på en lätt teckensnittsvikt som standard, men byter till fetstil om de innehåller en strong-tagg. Slutligen definierar den anpassade teckensnitt för "Guardian Headline Full"-teckensnittsfamiljen, inklusive lätt, lätt kursiv och normal vikt med deras respektive filkällor.The Guardian använder ett anpassat teckensnitt som heter "Guardian Headline Full" i olika stilar och vikter, inklusive regular, medium, semibold, bold och black, var och en tillgänglig i både normala och kursiva versioner. Dessa teckensnitt tillhandahålls i flera format (WOFF2, WOFF och TTF) för att säkerställa kompatibilitet över olika webbläsare och enheter.Denna CSS-kod definierar två anpassade teckensnitt: "Guardian Headline" i en fet kursiv stil och "Guardian Titlepiece" i en fet normal stil. Den sätter också upp färgvariabler för mörkt läge på iOS- och Android-enheter, och justerar den huvudsakliga accentfärgen när mörkt läge är aktiverat. Dessutom inkluderar den formateringsregler för artikelbehållare på iOS och Android, såsom att ta bort rubrikhöjd, justera utfyllnad och sätta färgen för den första bokstaven i specifika stycken.
För Android-enheter använder innehållsetiketterna i kommentarartikelbehållaren ett fetstilt, versalt teckensnitt i Guardian- eller Georgia-typsnitt, med en färg definierad av new-pillar-variabeln.
På både iOS och Android är rubriker i feature-, standard- och kommentarartikelbehållare inställda på 32px, fetstil, med 12px bottenutfyllnad och en mörkgrå färg.
Bilder i dessa behåll
