TransOnline-bloggen: Språk, skriving og e-publisering

Archive for the ‘Web’ Category

Blått og gult

leave a comment »

Tekst: Solveig Hansen, 2022 (English version)

Vis støtte til Ukraina på nettsidene dine.

I dette innlegget:

Pantone-farger: Freedom Blue og Energizing Yellow

Legg til et ukrainsk flagg på Facebook-profilbildet ditt

Legg til et ukrainsk flagg i Twitter- og Instagram-profilen din

Legg til noe gult og blått på nettsidene dine eller i sosiale medier, i tekst eller bilder. Se for eksempel emneknaggene #Ukraine og #blueandyellow på Instagram hvis du trenger inspirasjon. Det finnes også mange gratisbilder tagget «Ukraine» eller lignende på Pixabay. Legg til det ukrainske flagget, blå og gule hjerter og solsikker i innleggene dine.

🇺🇦💙💛🌻

Solsikken er Ukrainas nasjonalblomst. Den symboliserer fred, og nå også motstand, etter at en video av en ukrainsk kvinne som prøvde å gi solsikkefrø til en tungt bevæpnet russisk soldat, gikk viralt – «så det i hvert fall vil vokse solsikker når dere alle ligger døde her», sa hun til ham. Solsikker har blitt en av mange måter å vise solidaritet på med det ukrainske folket.

Pantone-farger: Freedom Blue og Energizing Yellow

Pantone har gitt ut to nye farger dedikert til det blå og gule i det ukrainske flagget: frihetsblå og energisk gul. Fargekodene nedenfor er omtrentlige.

Freedom Blue

Hex: #005eb8

RGB: 0 94 184

Energizing Yellow

Hex: #ffd101

RGB: 255 209 1

Legg til et ukrainsk flagg på Facebook-profilbildet ditt

1. Klikk på kameraikonet nederst på profilbildet.

2. Velg Rediger profilbilde.

3. Velg Legg til ramme i Oppdater profilbilde-vinduet.

4. Hvis det ikke allerede vises, skriv «Ukraine» i søkeboksen for å se alternativene, og velg ønsket flagg.

5. Velg en tidsperiode under «Bytt tilbake til forrige profilbilde om».

6. Klikk på Bruk som profilbilde.

Legg til et ukrainsk flagg i Twitter- og Instagram-profilen din

Twitter og Instagram har ikke de samme funksjonene for profilbilde som Facebook, men du kan legge til en flagg-emoji ved siden av skjermnavnet ditt. Velg Rediger profil, trykk på Navn-feltet og bruk emoji-tastaturet til å velge flagget. Dette fungerer i Twitter- og Instagram-appen på telefonen, men ikke på PC. Windows 10 har riktignok et emoji-tastatur (trykk på Windows-tasten + .), men det inkluderer ikke flagg.

Written by Solveig Hansen

7.3.2022 at 15:53

Fargetrender 2022

leave a comment »

Nytt år, nye fargetrender.

Mens Ultimate Gray + Illuminating var Årets farge 2021, har Pantone valgt PANTONE 17-3938 Very Peri som Årets farge 2022, en farge som «oppmuntrer til personlig oppfinnsomhet og kreativitet». Dette er en blåfiolett farge, blått kombinert med en rødfiolett undertone. Les mer om Very Peri-fargen.

Fargekoder:

Hex: #6667AB

RGB: 102, 103, 171

CMYK (omtrentlig): 40, 40, 0, 33

Les hele innlegget om fargetrender for 2022 (engelsk):

Color trends 2022

Written by Solveig Hansen

20.1.2022 at 20:28

Publisert i Web

Tagged with

Viser Twitter feil bilde i et innlegg?

with one comment

Tving Twitter til å oppdatere bildet i bufferen.

Har du noen gang prøvd å legge ut en lenke til et nettsted eller blogginnlegg på Twitter, bare for å oppdage at feil bilde vises? Dette skjer når du har endret bilde på nettstedet eller i blogginnlegget, spesielt Fremhevet bilde (Featured Image), som er primærbildet Twitter velger.

I likhet med de fleste andre sosiale medier bufrer Twitter bilder, og det tar kanskje flere dager eller uker før bufferen oppdateres. I så fall kan du tvinge Twitter til å oppdatere bufferen. Det gjør du med Twitters Card validator-verktøy:

1. Gå til Card validator.
2. Lim inn adressen til nettstedet eller blogginnlegget under Card URL, og klikk på Preview card.
3. Det nye bildet vises.

Du må kanskje klikke flere ganger på Preview card før det riktige bildet vises.

Les mer: How to Clear or Update Twitter’s Featured Image Cache

Har du samme problem i Facebook? Se Hvordan får du Facebook til å vise riktig bilde i innlegg?

Written by Solveig Hansen

22.12.2020 at 15:53

Her finner du bilder med fri lisens

leave a comment »

Tekst: Solveig Hansen, 2019

Ny søkemotor på Creative Commons. Nyttig når du trenger illustrasjonsbilder.

Creative Commons har lansert en ny søkefunksjon der du kan søke etter bilder med fri lisens. Søkefunksjonen indekserer mer enn 300 millioner bilder fra 19 kilder, blant annet Metropolitan Museum of Art, Rijksmuseum, Flickr, Behance og norske Digitalt Museum. Planen er å inkludere også lyd og digitale læringsressurser.

Ta også en titt under Designer-ressurser på de gamle Creative Commons-sidene. Her kan du søke etter bilder, lydfiler, videoer, fonter m.m. med ulike typer lisenser.

 
Flere gratis bilder:
Unsplash.com
Pixabay.com
Wikimedia Commons

 
#kreativweb nr. 1/2019 har «Tekst og bilder» som tema:

 

Written by Solveig Hansen

17.9.2019 at 20:57

1990-tallet: Starten på noe stort

leave a comment »

Tekst: Solveig Hansen, 2019

I dag gratulerer vi World Wide Web med fylte 30 år. Husker du webdesignen fra 1990-tallet?

Noe av det mest krevende i webens tidlige dager var å få nettsidene til å se like ut i alle nettlesere, og vi brukte tabeller som formateringsverktøy. Så kom CSS, og det var på tide å bytte ut tabellene med «floating DIVs», men fortsatt måtte det en del flikking til før resultatet ble bra både i Internet Explorer, Firefox og Opera. Nå er det responsiv design som gjelder.

Jeg er ikke spesielt tilbakeskuende, men webens 30-årsdag førte tankene hen til 90-tallet. «Sære bakgrunner, introskjermbilder med overforbruk av Flash, ukritisk bruk av innebygde MIDI-musikkfiler.» Slik pleier jeg å oppsummere 90-tallets webdesign. Var det virkelig så ille? Vel, det var mye blinkende lys og mange effekter. Gjerne alt på én gang.

Jeg hadde dilla på bakgrunner. Alt kunne brukes: blondegardiner, duker og grytekluter, klær, gulv og tapeter. Den norske ambassaden i Washington brukte et tradisjonelt lusekoftemønster. Selv tok jeg raskt i bruk murbakgrunner, gjerne kombinert med Courier-skrift. På murveggen «tagget» jeg menylenker i grafittiskrift og laget Hjem-lenker i form av gateskilt. Heldigvis har jeg tatt vare på noen av bakgrunnene, alle fotografert med en tidlig utgave av et digitalt kamera og mekket i Photoshop. Nedenfor ser du tre av dem: et palestinaskjerf, en murvegg ved Akerselva og en strikkesokk.

bgs

Slik ser bakgrunnsflisene ut:

Jeg er fortsatt imponert over at skjøtene mellom flisene ikke vises på skjermen.

Når julen nærmet seg og jeg pyntet opp hjemmesiden med kristtorn, lys og snøfnugg, klasket jeg opp juleevangeliet på murveggen – i Courier, selvsagt.

På 90-tallet var det populært å bygge inn MIDI-musikkfiler på nettsider. Jeg brukte «Obladi Oblada» og 60-tallets sjefsklinelåt «A Whiter Shade of Pale». Etter hvert ble det vanlig å bruke et introskjermbilde, forløperen til de senere Flash-baserte åpningssidene. Min forside var svart. Musikken var ragtime. En animert danser kom inn fra nedre høyre hjørne, danset en liten stund, forsvant ut og kom inn igjen.

tdancer

Så mye for nostalgien. Jeg er glad for at utviklingen har gått i retning av designmessig rene og funksjonelle løsninger som fungerer på alle plattformer, men det var gøy før også. Ikke alltid like pent, men artig, frustrerende og lærerikt. Si hva du vil om 90-tallet, men det var da det startet.

Written by Solveig Hansen

12.3.2019 at 23:13

Publisert i Web

Bokomslag i svart/hvitt

leave a comment »

Tekst: Solveig Hansen, 2017

 Svart og hvitt – nesten ingen gråtoner

En god bok fortjener et proft omslag, hvorfor ikke i svart og hvitt? Helen Yentus gikk for svart/hvitt-grafikk da hun fikk i oppdrag å lage nye omslag til Albert Camus’ bøker, blant annet The Fall og The Stranger. Det samme gjorde Vladimir Zimakov med sitt Moby Dick-omslag. Svart/hvitt kler disse klassikerne, som har vært utgitt med utallige omslag opp gjennom årene.

Grafill – en norsk interesseorganisasjon for visuell kommunikasjon – kårer hvert år årets vakreste bøker. En av vinnerne i 2017 var Aslak Gurholt for formgivningen av Nils Chr. Moe-Repstads Wunderbaum nedenfor. Dette er en tykksak av en bok i mursteinsstørrelse, med 740 dikt, hver på tre linjer, ett dikt per side. Skriften på omslaget er litt liten for småbilder i bokbutikker på nettet, men designen er delikat.

«Vi er de forsinkede, og selv om vi har språk risset i ryggsøylen snur vi for å se
i skylagene, i havene, i noens øyne etter evighet fordi evighet er sett der.»

 Typografien i fokus

PSYCHO i digre bokstaver, revet opp på langs og liksom limt på plass igjen. Omslaget skriker psycho og gir en forsmak på hva vi har i vente noen sider lenger frem – eller i Hitchcocks film, der den samme typografien brukes. Illustratøren bak denne typografiske klassikeren er Tony Pallidino.

cover_psycho

En fordel med å bruke bare skrift, er at teksten ikke har noen bilder å konkurrere med, og du trenger derfor ikke å velge en nøytral font. Leserne skaper selv bildene i hodet, og du slår an tonen med skrifttype og layout.

 

Svart, hvitt og rødt

Noma Bar har redesignet omslagene til Haruki Murakamis bøker, alle i rødt, svart og hvitt og med en sirkel som et sentralt motiv. Bar er en mester i bruk av det negative rommet, og illustrasjonene hans har et dobbeltmotiv, som her i Kafka på stranden:

cover_murakami

Se alle omslagene

Mer inspirasjon:
40+ Stunning Black and White Book Cover Designs
Omslagsmaler fra Canva
The 50 Coolest Book Covers

 

Innlegget er fra #kreativweb nr. 2/2017, som har «Svart/hvitt med en dæsj farge» som tema:

Written by Solveig Hansen

26.3.2018 at 16:59

Publisert i Web

Tagged with ,

Dette er trendene for bokomslag i 2018

leave a comment »

Tekst: Solveig Hansen, 2018 (English version)

Kraftig typografi. Minimalistisk. Håndtegnet. 70- og 80-tallet. Millennial Pink. Autentiske fotografier. Det er noen av covertrendene for 2018 ifølge 99designs, et nettsted der grafiske designere tilbyr tjenestene sine.

Les hele artikkelen, skrevet av Meg Reid.

 
Kraftig typografi

Stort og høylytt. Teksten opptar mesteparten av plassen.

cover1_2018

 
Minimalistisk

Illustrasjon og tekst får god plass til å puste, en effektiv designeffekt. Less is virkelig more.

cover2_2018

 
Håndtegnet

Håndtegnede fonter og illustrasjoner gir omslaget et individuelt og uformelt preg.

cover3_2018

 
70- og 80-tallet

Neonlys, dristige farger og bombastiske fonter. Estetikken fra 1970- og 1980-tallet er tilbake.

cover4_2018

 
Millennial Pink

Ikke vanlig pink, men Millennial Pink, også kalt Rose Quartz (rosenkvarts), mykere og mer nedtonet enn barbierosa.

cover5_2018

 
Autentiske fotografier

Mobilkameraer har gjort fotografering mer tilgjengelig, og også kjøpebilder går bort fra arrangerte oppsett og ser ut som om de var tatt med en smarttelefon.

cover6_2018

 
Les hele artikkelen.
 

Written by Solveig Hansen

3.3.2018 at 15:10

Hvordan får du Facebook til å vise riktig bilde i innlegg?

with one comment

Tving Facebook til å oppdatere bufferen for innlegget.

Tenk deg at du vil bytte bilde i et Facebook-innlegg du er i ferd med å skrive:

Før kunne du velge hvilket av bildene i et blogginnlegg, for eksempel fra WordPress.com, du ville vise når du delte innlegget på Facebook. Det kan du ikke lenger, og det bildet Facebook velger, er kanskje ikke det mest representative for blogginnlegget. Selv om du setter inn et nytt bilde i blogginnlegget, viser Facebook fortsatt det samme bildet. Årsaken er at når du først har delt et innlegg på Facebook, blir bildet lagret i en buffer på serveren deres for senere bruk. Det kan ta dager eller uker før de oppdaterer bufferen.

Du kan tvinge Facebook til å oppdatere bufferen for innlegget ditt fra Sharing Debugger. Lim inn lenken til blogginnlegget i boksen under «Sharing Debugger», og klikk på Debug.

Deretter klikker du på Scrape Again. Du må kanskje trykke flere ganger på denne knappen før riktig bilde vises. Hvis bildet er for lite, får du melding om det. Bildet må måle minst 480 x 480 piksler. Forholdet mellom bredde og høyde kan ikke være mer enn 3, det vil si at bredden ikke kan være mer enn tre ganger større enn høyden, og omvendt.

Prøv deretter å dele innlegget på Facebook igjen:

Bildevalg på WordPress.com

WordPress forteller Facebook hvilke bilder som skal prioriteres:

1. Bildet du har valgt under Fremhevet bilde (Featured Image) for innlegget, brukes.

2. Opplastede bilder. Hvis du ikke har valgt Fremhevet bilde, anbefaler WordPress bilder fra toppen og ned i innlegget.

3. Hvis innlegget ikke inneholder noen bilder, anbefaler WordPress et tomt bilde. Facebook ser også på innholdet andre steder i bloggen for å finne et passende bilde.

Har du samme problem i Twitter? Se Viser Twitter feil bilde i et innlegg?

Written by Solveig Hansen

1.10.2017 at 16:45

Hjelp! Start-menyen i Windows 10 virker ikke lenger.

leave a comment »

Ikke søkefunksjonen heller. Og det skjer ingenting når jeg høyreklikker på ikonet for handlingssenteret.

Hvis du skulle støte på dette problemet i Windows 10, kan du som oftest løse det ved å kjøre Windows Update:

  1. Trykk på Windows-logotasten win_logokey+ R, skriv inn ms-settings, og klikk på OK. Innstillinger-vinduet åpnes.
  2. Gå til Oppdatering og sikkerhet > Windows Update, og klikk på Se etter oppdateringer. Installer tilgjengelige oppdateringer, og start om nødvendig PC-en på nytt.

Hvis dette ikke løser problemet, finnes det flere feilsøkingsmetoder på sidene til Microsoft Kundestøtte.

Written by Solveig Hansen

10.8.2016 at 11:58

Ny Twitter-widget i WordPress

leave a comment »

Nå kan du vise en interaktiv Twitter-feed i WordPress-bloggen, enten i et innlegg eller i sidekanten eller et annet widget-område, og leserne kan svare på eller retweete innleggene dine slik de gjør på Twitter. (Se nederst i sidefeltet til høyre i denne bloggen.) Den nye widgeten heter «Twitter Timeline», og den gamle Twitter-widgeten vil snart være historie.

Først må du opprette Twitter-widgeten for å få en widget-ID. Samtidig kan du tilpasse widgeten og velge ny farge og størrelse.

Widget-ID-en er det lange tallet i URL-adressen:

Twitter widget ID

Legg deretter til widgeten (WP-admin > Utseende > Widgeter). Du får da frem widget-innstillingene:

Twitter widget settings

Fyll ut feltene, inkludert ID-en ovenfor.

Du kan også bygge inn Twitter-feeden i et innlegg eller på en side i bloggen. Bruk denne kortkoden:

Twitter widget code

Bytt ut «1234» med widget-ID-en, og «brukernavn» med Twitter-navnet ditt, uten @.

Resultat:


 

Written by Solveig Hansen

11.5.2015 at 23:56

Publisert i Web

Tagged with ,

%d bloggere liker dette: